PDA

View Full Version : Problem with toolbarlayout and datefield



lordmax
19 Aug 2009, 2:27 AM
Hi

I'm really new to extjs and I'm in front of a strange behaviour.

I'm on a simple editgrid and I'll need to put 2 datefield in the toolbar but they're collapsing one over another.
I've tried to put them first or last in the toolbar, put a '-' between them and so on but it seem that nothing works.

Can someone help a newby?

Thanks ^__^

My sample code


var modelTestsGrid = new Ext.grid.EditorGridPanel({
store: // my store
,loadMask: true
,autoScroll: true
,width:300
,columns: [
// ... my column definition here
]
,viewConfig:{
deferEmptyText: true,
emptyText: 'none',
forceFit: true
}
,selModel: new Ext.grid.RowSelectionModel({singleSelect: true})
,stripeRows : true
,tbar: [{ // Tasto per la cancellazione
text: txt.btn_delete //'Cancella associazione'
,tooltip: 'delete'
,iconCls:'remove'
,handler: function() {
// ... handler for delete
}
}
},'->',{
xtype:'splitbutton'
,text: 'Menu Button'
,iconCls: 'search'
},'-',{
xtype: 'datefield'
,blankText: 'required'
,fieldLabel: 'dataini'
},{
xtype: 'datefield'
,blankText: 'required'
,fieldLabel: 'dataend'
},{
text: 'associate'
,iconCls: 'associate'
}
]
,listeners: {
// ... some events here
}
});