PDA

View Full Version : extjs tab panels



javapurna
28 Mar 2013, 8:06 PM
hi every one ,i am unable to create tab panels and screen as below screen shoot. how to design this screen with extjs 4 only4278042781

mitchellsimoens
31 Mar 2013, 6:48 AM
What about the picture do you want?

javapurna
1 Apr 2013, 4:51 AM
left region design(west) and center (center)

raminbp
2 Apr 2013, 12:24 AM
I'm not sure if i understand your problem , but here is the answer :

you can make a panel , with 'border' Layout and in this panel u have two panels (container in general)
one with region : 'west' and one with region : 'center' , after that i think its not that hard to make some panels for each one of these regions

dreamofpower
20 May 2013, 5:46 PM
how to looping tabs??


var formHistory = new Ext.form.FormPanel({
url:'simplegrid.php?act=history',
baseCls: 'x-plain',
labelWidth: 90,
defaultType: 'textfield',
reader: new Ext.data.JsonReader ({
root: 'results',
totalProperty: 'total',
id: 'intID',
fields: [
'intID','vcName','vcRemarks','intActive','intDeleted'
]
}),
items: [
new Ext.form.Hidden ({
name: 'intID'
}),
{
fieldLabel: 'vcName',
name: 'vcName',
anchor:'100%'
},
{
fieldLabel: 'vcRemarks',
name: 'vcRemarks',
xtype:'textarea',
width:220
},
{
fieldLabel: 'intActive',
name: 'intActive',
anchor:'100%'
},
{
fieldLabel: 'intDeleted',
name: 'intDeleted',
anchor:'100%'
}
]
});


var tab = new Ext.TabPanel({

autoTabs:true,
activeTab:0,
deferredRender:false,
border:false,

items: [
formHistory,

]


});




// create the window on the first click and reuse on subsequent clicks
//cria a janela no primeiro clique e a reusa nos próximos cliques

win = new Ext.Window({

layout:'fit',
width:500,
height:300,
closeAction:'hide', //'close' - destroy the component
plain: true,


items: [tab],


buttons: [{
text: 'Close',
handler: function(){
win.hide();
}
}]
});
how to do multiple loop form from json?