1

私のアプリケーションのメインレイアウトには、3つのメインパネル、動的コンテンツを含む2つの通常のパネル、および1つのタブパネルがあります。カードレイアウトの一部ではないタブパネルは正常に機能しますが、このようなことを行うと、タブパネルが壊れます（タブが切り替わらず、 "tabBarPosition：'bottom'"が無視されます：

<script type="text/javascript" charset="utf-8">

mainPanel = Ext.create("Ext.Panel", {
    iconCls : 'info',
    title : 'Info',
    html : 'this is info panel'
});
contentPanel = Ext.create("Ext.Panel", {
    iconCls : 'more',
    title : 'About Us',
    html : 'this is about panel'
});
statisticsPanel = Ext.create("Ext.tab.Panel", {
    tabBarPosition: 'bottom',
    items: [
            {
                title: 'Home',
                iconCls: 'home',
                html: 'Home Screen'
            },
            {
                title: 'Contact',
                iconCls: 'user',
                html: 'Contact Screen'
            }
        ]       
});


function onLoad() {
    Ext.create("Ext.Panel", {
        fullscreen : true,
        layout : 'card',
        items : [ mainPanel,contentPanel, statisticsPanel ]
    }).setActiveItem(0);
}

Ext.application({
    name : 'Sencha',
    launch : function() {
        onLoad();
    }
});

4

1 に答える 1

0

次のように、Panel ではなく TabPanel をインスタンス化する必要があると思います。

Ext.create("Ext.TabPanel", {
    fullscreen : true,
    items : [ mainPanel,contentPanel, statisticsPanel ]
}).setActiveItem(0);
于 2011-12-08T12:40:53.893 に答える