Sencha Touch旋轉木馬不可見

Question

我試圖在Sencha Touch中渲染一個簡單的旋轉木馬，但是它沒有顯示出來。我看到的唯一的東西就是物品的指示點。在Chrome中檢查顯示標籤正在添加，但我看不到它們。

迴轉檢視：

Ext.define('Project.view.ChartCarousel', { 
    extend : 'Ext.Carousel', 
    xtype : 'chartCarousel', 
    config : { 
     title : 'Title', 
     fullscreen: 'true', 
     width: '100', 
     height: '100', 
     jumpToIndex: 0, 
     defaults : { 
      padding: '10 10 10 10' 
     }, 
     items : [{ 
      html:'<div style="text-align:center">test 1</div>' 
     }, { 
      html:'<div style="text-align:center">test 2</div>' 
     }, { 
      html:'<div style="text-align:center">test 3</div>' 
     }] 
    } 
}); 

包含在視圖：

Ext.define('Project.view.SummaryChart',{ 
     extend: 'Ext.form.Panel', 
    xtype: 'summaryChart', 
    requires: [ 
      'Ext.Toolbar' 
    ], 
    config: { 
     items: [ 

      { 
       xtype: 'chartCarousel' 
      } 

     ] 
    }, 
    initialize: function() { 
     this.callParent(arguments); 
    } 
}); 

Answer 1

我找到了答案。我需要將flex: '1'添加到輪播的配置中。