Sencha触摸面板没有显示

Question

我试图显示一个简单的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中没有。

任何想法？，谢谢

Answer 1

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

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

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

有两种方法可以对此进行排序。 1.可滚动：＆＃39;垂直＆＃39;从内板上掉下来。 2.将整个视图的布局设置为＆＃34; fit＆＃34;这会将第一个非停靠项目（即带有HTML的项目）拉伸为视图的完整大小（除了停靠项目）。