2

私はこのコードを持っています：

Ext.define('play.view.Quiz', {
extend: 'Ext.Container',
xtype: 'myquiz',
config: {
    fullscreen: true,
    layout: 'vbox',
    title: 'My Quiz',
    items: [
        /* Questions */
        {
            xtype: 'my_questions'
        },
    ]
}
});

と

Ext.define('play.view.Questions', {
extend: 'Ext.Carousel',
xtype: 'my_questions',
config: {
    defaults: {
        styleHtmlContent: true
    },
    items: [
        {
            html : 'Item 1',
            style: 'background-color: #5E99CC'
        },
        {
            html : 'Item 2',
            style: 'background-color: #759E60'
        },
        {
            html : 'Item 3'
        }
    ]
}
});

質問は表示されませんが、クイズ項目内に質問を配置すると表示されます。

コンテナからカルーセルxtypeを参照することは可能ですか？

4

1 に答える 1

1

はい@Bohboあなたはこのようなことをすることができます：

Ext.define('play.view.Questions', {
  extend: 'Ext.Carousel',
  xtype: 'my_questions',
  config: {
     defaults: {
     styleHtmlContent: true,
     layout: 'fit',
     items: [
           {
             html : 'Item 1',
             style: 'background-color: #5E99CC'
           },
           {
             html : 'Item 2',
             style: 'background-color: #759E60'
           },
           {
             html : 'Item 3'
           }
         ]
  },
});

重要な要素はレイアウトであることに注意してください：'fit'。これがお役に立てば幸いです。:)

于 2012-07-08T17:57:17.337 に答える