EXTJS选项卡面板未呈现选项卡

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

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

{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不推荐使用，因为它会对最终用户的体验产生有害影响。如需更多帮助，请查看

bootstrap，js:

---

xhr.open（'GET'，url，false）

看起来您正遭受过度嵌套的痛苦，因此一个选项卡面板包含在另一个面板中

相反，请尝试以下方法：

{ 

    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'}
    ]
}

---

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

我可以通过执行sencha应用程序刷新来解决此问题。谢谢大家

谢谢大家的回复。我已尝试删除父面板并获得相同的功能。我插入了您的代码，UI外观没有变化。以下是我现在拥有的：{xtype:'tabpanel'，layout:'card'，activeTab:0，region:'west'，width:250，collapsable:true，items:[{title:'Tab1'，html:'Test'}，{title:'Tab2'，html:'Test 1'}]}@mindprasse你使用的是什么版本的ExtJS？你能用这个选项卡面板发布你的完整代码吗。我可以看到您将其配置为west region，因此您显然是在父项的边框布局中使用它。这将有助于我进一步了解这里发生了什么。