codice:
var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
items:[
{
id:'page',
contentEl:'HomePage',
title: 'HomePage',
closable:false,
autoScroll:true
}
]
});
var viewport = new Ext.Viewport({ //Metti VAR
layout:'border',
items:[
new Ext.BoxComponent({ // raw
region:'north',
el: 'north',
height:32
}),
{
region:'south',
contentEl: 'south',
split:true,
height: 100,
minSize: 100,
maxSize: 200,
collapsible: true,
title:'Cerca',
margins:'0 0 0 0'
},
{
region:'west',
id:'menù',
title:'menù',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
collapsible: true,
margins:'0 0 0 5',
layout:'accordion',
layoutConfig:{
animate:true
},
items: [
{
title:'Esercizi',
contentEl:'eser',
border:true,
iconCls:'settings'
},
{
title:'Lezioni',
contentEl: 'lez',
border:false,
iconCls:'nav'
},
{
title: 'Ricerca',
contentEl: 'ric',
border:true,
iconCls:'nav'
}
]
},
tab
]
});
Così puoi fare: