ExtJS选项卡面板-选项卡不显示

我正在尝试在我的页面上设置一个选项卡面板，其中包含两个选项卡，两个选项卡都包含网格。但是，我无法使我的第一个网格面板甚至显示为选项卡

var tabHistoryPanel = Ext.create('Ext.tab.Panel',
{
    name: 'historyTabs',
    id: 'historyTabs',
    border: false,
    flex: 1,
    activeTab: 0, 
//  layout: 'fit', 
//  style: 'border-top: 1px solid #4c535c;',    
    items: [                    
        actionsGrid,
        {
            title: 'Test',
            border: false,
            html: 'Testing'
        }
    ],
    dockedItems:
    [ .............

这是我试图添加的网格面板。 我可以显示“测试”选项卡，但不能显示actionsGrid。我是不是遗漏了什么

var actionsGrid = Ext.create('Ext.grid.Panel',
    {
        title: 'Property',
        id: 'userActionsGrid',          
    //  style: 'border-top: 1px solid #4c535c;',
        border: false,
        flex: 1,
        store: Ext.create('Ext.data.Store',
        {................

我的tabHistoryPanel包含在此布局中。本质上，面板上方有一个树状结构，带有选项卡

return Ext.create('Ext.panel.Panel',
    {
        border: false,
        layout:
        {
            type: 'vbox',
            align: 'stretch'
        },
        items:
            [
                userTree,
                tabHistoryPanel
            ]
    });

---

我终于解决了这个问题。我必须在返回的面板中显式地定义变量，而不是将tab panel分配给变量并将其放入返回的面板中。见下文。我不能告诉你为什么它以前不工作，但它已经修好了

return Ext.create('Ext.panel.Panel',
    {
        border: false,
        layout:
        {
            type: 'vbox',
            align: 'stretch'
        },
        items:
        [
            userTree,
            {
                xtype: 'tabpanel',
                name: 'historyTabs',
                id: 'historyTabs',
                flex: 1,
                activeTab: 0, 
                dockedItems: historyToolbar,    
                items: [                                                            
                        actionsGrid,
                        {
                            title: 'Test',
                            border: false,
                            html: 'Testing'
                        }
                ]
            }
        ]
    });

---

选项卡是如何包含的，以何种布局？tabHistoryPanel的布局设置还是包含哪个tabHistoryPanel的布局？

tabHistoryPanel

是选项卡面板，因此是卡片布局。选项卡面板上方的布局层次结构是什么。我相信我为您所指的添加了代码。我不知道为什么会有这样的问题，因为我确实有一个选项卡出现，我可以点击并查看，在其中我可以看到HTML的显示。当我的网格独立运行时，它也能100%正常工作。您是否收到任何调试器消息？