Sencha Touch 2：面板中不显示列表答案

【问题标题】：Sencha Touch 2: List does not display in PanelSencha Touch 2：面板中不显示列表
【发布时间】：2012-05-30 16:04:21
【问题描述】：

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

【问题讨论】：

标签： sencha-touch-2

【解决方案1】：

您的面板没有布局。

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

layout:'fit'

希望对你有帮助

【讨论】：

就是这样。感谢您的快速回复。

【解决方案2】：

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

【讨论】：

【解决方案3】：

Layout: fit 不适合我。但是，将 layout: 'card 添加到父 Ext.Panel 有效！

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

【讨论】：