ОК Позвольте мне объяснить это .....
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
});
Я установил autoHeight == true для панели вкладок (SessionTab), здесь отображаются элементы панели вкладок в других браузерах, кроме IE.
Здесь я пытаюсь заполнить элементы Tab в Ajax Call .....
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();