internet-explorer - Extjs TabPanel 自动高度在 IE 中不起作用

Question

Extjs TabPanel 正在使用 autoHeight 开发 FireFox、Chrome 和 Safari 而不是在 IE 中。

Answer 1

好的，让我解释一下......

var SessionTab = new Ext.TabPanel({
    id: 'tabpanel-session',
    activeTab: 0,
    renderTo: Ext.getBody(),
    forceLayout: true,
    resizeTabs: true,
    // applied on it's Child Components.....
    defaults: {
        style: 'font-family: Verdana, Arial, Helvetica, sans-serif;'
    },
    // turn on tab resizing
    minTabWidth: 115,
    tabWidth: 190,
    enableTabScroll: true,
    width: '100%',
    autoHeight: true,
    deferredRender: false,
    layoutOnTabChange: true
});

我在这里为 (SessionTab) 选项卡面板设置了 autoHeight==true，它在除 IE 之外的其他浏览器上正常显示选项卡面板项目。

在这里，我试图在 Ajax 调用中填充选项卡项.....

for (i = 0; i < 2; i++) {
    /* Add Session Tab */
    SessionTab.add({
        id: 'session-tab-panel' + i,
        title: SessionYear+i,
        items: [{
            xtype: 'searchPanel' // Search Panel
        },
        {
            xtype: 'detail' // Detail Panel
        }]
    });
}

SessionTab.setActiveTab(0);
SessionTab.show();