EXTJS 选项卡面板不显示选项卡

Question

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

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

{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('GET', url, false);

Answer 1

看起来您的嵌套过多，因此标签面板包含在另一个面板中。

试试这个：

{ 

    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 应用程序来解决这个问题。谢谢大家