Sencha Touch 2：列表不在Panel中显示

Question

我正在使用Sencha Touch 2中的MVC应用程序，并且无法在嵌套的panel中显示列表。

应用程序的结构有一个主视图，它是一个标签面板。选项卡面板中的一个项目是已定义的面板xtype: 'homepanel'。

此面板中的项目是链接到相应商店和模型文件的列表xtype: 'newslist'。

列表不会显示，除非我将其父homepanel更改为类型Ext.navigation.View。

homepanel'作为panel的定义中缺少哪些内容阻止显示列表？

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

Answer 1

您的面板没有布局。

我建议您尝试在面板配置中添加以下内容：

layout:'fit'

希望这有帮助

Answer 2

尝试将layout: 'card'添加到面板的配置

Answer 3

Layout: fit对我不起作用。 但是，将layout: 'card添加到父Ext.Panel工作了！

Ext.Panel内的UI组件不再通过display: none !important;隐藏。