煎茶触摸屏不显示答案

【问题标题】：Sencha touch panel not showing煎茶触摸屏不显示
【发布时间】：2014-06-18 13:07:30
【问题描述】：

我正在尝试显示一个简单的 html 而不是在屏幕上显示。

这是我的代码：

nextView = {
    xtype: 'panel',
    layout: {
        type: 'vbox',
        pack: 'center'
    },
    style: 'background-color:#FFFFFF',
    scrollable: 'vertical',
    items: [
       {
            docked: 'top',
            xtype: 'globaltoolbar',
            height: 55
         },
        {
            xtype: 'normaltoolbar',
            items: [
                {
                    xtype: 'backbutton',
                }
            ],
            title: 'Title'
        },
        {
            xtype: 'panel',
            styleHtmlContent: true,
            scrollable: 'vertical',
            html: 'This is the html of this panel.',
            flex: 1
        }
    ]
};

我正在显示上栏和标题，但 html 部分是空白的。 IOS 和 Android 显示良好，但在 Windows Phone 8 中则不然。

有什么想法吗，谢谢

【问题讨论】：

标签： windows-phone-8 sencha-touch sencha-touch-2

【解决方案1】：

您已将整个视图设置为具有 vbox 类型的布局。这不会拉伸任何内部内容，而是需要处理多个项目，每个项目可能具有不同的高度（在这种情况下，它们需要显示在另一个下方）。

所以基本上，你的整体观点是告诉你所有的内在物品只占据他们需要的高度。

你的内部面板（顺便说一下，这个应该是一个组件，而不是一个面板。如果你想在里面放其他东西，它应该是一个组件）是可以垂直滚动的。因此，除非它的容器强制它具有最小高度，或者您在此内部面板本身上设置了最小高度，否则它将默认为零。

有两种方法可以排序。 1. 将可滚动：'vertical' 关闭内部面板。 2. 将整个视图的布局设置为“适合”，这会将第一个非停靠项目（即带有 HTML 的项目）拉伸为视图的完整大小（停靠项目除外）。

【讨论】：