internet-explorer - Extjs TabPanel Auto Height が IE で機能しない

Question

Extjs TabPanel は、IE ではなく、autoHeight を使用して FireFox、Chrome、および Safari で動作しています。

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();