Attempts to mintabwidth, Maxtabwidth, and resizable settings do not work, and finally the actual effective code:
var tabPanel = ext.create (' Ext.tab.Panel ', {
Frame:true,
Items: [
{
ID: ' Hotcityselector_tab_hotcity ',
Title: ' Popular Cities ',
items:[
{
Xtype: ' button ',
Text: ' Chengdu ',
Handler:function () {
Alert (' Chengdu ');
}
},
{
Xtype: ' button ',
Text: ' Chongqing ',
Handler:function () {
Alert (' Chongqing ');
}
}
],
layout:{
Type: ' Table ',
Columns: ' 6 '
}
},
{
ID: ' Hotcityselector_tab_province ',
Title: ' Province ',
layout:{
Type: ' Table ',
Columns: ' 6 '
}
},
{
ID: ' Hotcityselector_tab_city ',
Title: ' City ',
layout:{
Type: ' Table ',
Columns: ' 6 '
}
},
{
ID: ' Hotcityselector_tab_area ',
Title: ' Counties ',
layout:{
Type: ' Table ',
Columns: ' 6 '
}
}
],
Floating:true,
Hidden:true,
width:400,
HEIGHT:250,
Columnlines:true,
Focusontofront:false
});
To set the width of a page check
for (Var n=0;n<tabpanel.items.items.length;n++) {
var curtab = tabpanel.items.items[n];
curtab. tab. SetWidth (+);
}
Ext.tab.Panel title width settings for a tab