EXTJS选项卡面板不渲染选项卡

Question

我有一个使用Sencha App创建的新应用程序。当我尝试添加tabpanel时。它允许我添加面板，但选项卡不显示为卡。它们仅作为标签显示。我可以点击每个标签，它会在标签中显示数据，但我需要让它们看起来像标签。

以下是我用来创建面板的代码。

{xtype: 'panel', itemId:'tpTest', region: 'west', width: 250,title: "insert form goes here",collapsible:true, items:
[
    { xtype: 'tabpanel', layout:'card', activeTab: 0, items:
        [
            { title:'Tab1', html:'Test'},
            { title:'Tab2', html:'Test 1'}
        ]
    }
]}

以下是我所看到的屏幕截图：

我也收到一个奇怪的警告，说明如下：

主线程上的同步XMLHttpRequest因其对最终用户体验的不利影响而被弃用。如需更多帮助，请查看http://xhr.spec.whatwg.org/。

自举，JS： xhr.open（＆＃39; GET＆＃39;，url，false）;

Answer 1

看起来你的过度痛苦，所以另一个小组中包含了一个tabpanel。

而是试试这个：

{ 

    xtype: 'tabpanel', 
    itemId:'tpTest', 
    region: 'west',
    width: 250,
    activeTab: 0, 
    title: 'insert form goes here',
    collapsible: true,
    items:[
        { title:'Tab1', html:'Test'},
        { title:'Tab2', html:'Test 1'}
    ]
}

因此请删除父面板项。您也不需要指定卡片布局，因为默认情况下它已经用于选项卡面板。

Answer 2

我能够通过做一个sencha应用程序刷新来解决这个问题。谢谢大家