PDA

View Full Version : tab panel and close combobox



quinta
13 Nov 2010, 8:22 AM
Hello,
I have an application wuth a tab panel with deferedRender to false, because I need all the fields in the form submit.
In the tabs I have several combox. In the inactive tabs, those combox appear close when they are expanded, the text inside is cut.
In the active tab, the combobox are working fine, and the width of the expanded combo is the same as when it isnīt expanded.

Any help , please?
thanks in advance

plalx
13 Nov 2010, 8:34 AM
Can you post your tabpanel code? A screenshot would help as well hehe ;)

quinta
14 Nov 2010, 7:03 AM
this is the code: the tabpanel contains several forms in its tabs, those forms contains coboboxes, when the hay expanded, the are very close and the text cannot be read. But in the tab0(the active tab), all works fine.

thanks


Siicaf.FormulariosParcela = Ext.extend(Ext.Panel,{


initComponent: function(){


Ext.apply(this,{

id: 'frmStruct'

,autoScroll:true

,items:[{

xtype: 'form'

,id: 'frmP'

,border: false
,autoScroll:true
,defaultType: 'textfield'
,items:{

xtype: 'tabpanel'

,deferredRender: false

//,height: 300

,autoHeight:true

,autoScroll:true

,activeTab: 0

,defaults: { autoHeight: true, bodyStyle: 'padding: 10px'}

,items:[{

title: siicaf_lang.parcela.tab1
,id: 'tab1parcela'

,layout: 'column'

,autoScroll:true

,columns: 1

,defaults: {width: 250, bodyStyle: 'padding: 4px'}

,defaultType: 'textfield'

,items:[{

xtype: 'frmparcelalocalizacion'

,autoScroll:true
},{

xtype: 'frmparcelalocalizacion1'

}

]

},{

title: siicaf_lang.parcela.tab2
,layout: 'column'

,autoScroll:true

,autoHeigh:true

,columns: 5
,border:false
,id: 'tab2parcela'

,defaults: {width: 250, bodyStyle: 'padding: 7px'}

,defaultType: 'textfield'

,items:[{


xtype: 'frmparcelaterreno'

},{

xtype: 'frmparcelaterreno1'

},{

xtype: 'frmparcelaterreno2'

},{

xtype: 'frmparcelaterreno3'

},{

xtype: 'frmparcelaterreno4'

}

]

},{

title: siicaf_lang.parcela.tab3
,layout: 'column'

,columns: 1

,id: 'tab3parcela'

,defaults: {width: 250, bodyStyle: 'padding: 4px'}

,defaultType: 'textfield'

,items:[{


xtype: 'frmparcelatopogra'

},{

xtype: 'frmparcelatopogra1'

}

]

},{

title: siicaf_lang.parcela.tab4
,layout: 'column'

,columns: 1

,id: 'tab4parcela'

,defaults: {width: 250, bodyStyle: 'padding: 4px'}

,defaultType: 'textfield'

,items:[{

xtype: 'frmparcelaencuesta'

},{

xtype: 'frmparcelaencuesta1'

},{

xtype: 'frmparcelaencuesta2'

}]

},{...}

] //eof items tabpanel

}//eof items form

}] //eof items panel


,buttonAlign: 'left'

,buttons:[{

text: 'Grabar'

,id: 'btnSaveParcela'

,iconCls:'icon-disk'
,disabled: true
,handler: function(){

//alert(Ext.getCmp('cbReg').getValue());

var idPar = Ext.getCmp('gridparcelastotal').getSelectionModel().getSelected().data.id_par;


var frmdp = Ext.getCmp('frmP');

frmdp.getForm().submit({

url: 'http://' + window.location.host + '/siicaf/SiicafActualizarParcelas'

,params: {

cmd:'dataUpdate'

,table: 'PARCELLES'

,id_par:idPar
}

,waitMsg: 'Salvando...'

,failure: function(form, action){

Ext.MessageBox.show({

title: siicaf_lang.index.frmMsgSaveError
,msg: siicaf_lang.index.frmMsgSaveError
,buttons: Ext.MessageBox.OK
,icon: Ext.MessageBox.ERROR
});

}

,success: function (form, request){

Ext.MessageBox.show({

title: siicaf_lang.index.aviso
,msg: siicaf_lang.index.frmMsgSaveOk
,buttons: Ext.MessageBox.OK
,icon: Ext.MessageBox.INFO
});

Ext.getCmp('gridparcelastotal').store.reload();

}


}) //eof submit

}

},{

text: siicaf_lang.parcela.btneditargeometria
,id: 'formParcelaBtnEditGeometry'

,iconCls:'icon-open'

//,disabled: true

,handler: function(){

windowEditGeometryParcel();

}
}] // EOF Buttons

}) //eo Ext.apply

Siicaf.FormulariosParcela.superclass.initComponent.apply(this,arguments);

} //eo function initComponent

}); // eo FormulariosParcela


Ext.reg('FormulariosParcela', Siicaf.FormulariosParcela);