參考從在煎茶觸摸一個容器內的轉盤的xtype 2

Question

我有這樣的代碼：

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？

Answer 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' 
      } 
     ] 
    }, 
}); 

注意重要的因素是佈局： '適合'。我希望這有幫助。 :)