2012-05-30 53 views
5

我正在Sencha Touch 2中使用MVC應用程序,並且無法獲取要在嵌套面板中顯示的列表。Sencha Touch 2:列表不顯示在面板中

該應用程序的結構有一個主視圖,它是一個選項卡面板。標籤面板中的一項是定義的面板,xtype:'homepanel'。此面板中的項目是鏈接到相應商店和型號文件的列表xtype:'newslist'。

該列表不顯示除非我將其父級「homepanel」更改爲類型Ext.navigation.View。

我在'homepanel'的定義中缺少什麼作爲防止列表顯示的面板?

Ext.define('ACSO.view.Home', { 
extend: 'Ext.Panel', //<--works if Ext.navigation.View 
xtype: 'homepanel', 
requires: [ 
    'Ext.TitleBar', 
    'ACSO.view.NewsList' 
], 

config: { 
    title: 'Home', 
    iconCls: 'home', 
    cls: 'home', 

    scrollable: true, 
    styleHtmlContent: true, 

    items: [ 
     { 
      xtype: 'newslist' 
     } 
    ] 
} 

});

回答

7

您的面板沒有佈局。

我建議你嘗試添加以下您的面板配置:

layout:'fit' 

希望這有助於

+0

就是這樣。感謝您的快速回復。 – jrboddie

2

嘗試增加layout: 'card'到面板上的配置

0

Layout: fit沒有爲我工作了。 但是,將layout: 'card添加到父母Ext.Panel工作!

Ext.Panel中的UI組件不再通過display: none !important;隱藏。