Question

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

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:
    [ .............

这是我想要添加的网格面板。我可以参加测试＆＃39;要显示的选项卡，但不显示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
            ]
    });

Answer 1

我终于解决了这个问题。我不得不将选项卡面板分配给变量并将其放入我返回的面板中，而是必须在返回的面板中明确定义它。见下文。无法告诉你它为什么以前没有工作，但它是固定的。

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

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

1 个答案: