PDA

View Full Version : Adding button next to combo box



ragendu
10 Apr 2012, 8:27 PM
Hi,
I have a filter panel where i have some combo boxes. Now I need to add a button next to one of the combo box.Below is my panel
filterPanel = new Ext.Panel({
renderTo: document.body,
bodyStyle: 'padding-top: 6px;',
title: 'Filters',
collapsible: true,
collapsed: true,
shadow: 'sides',
width: 400,
frame: true,
floating: true,
layout: 'form',
labelWidth: 150,
buttonAlign: 'center',
items: [
{
xtype: 'combo',
id: 'xFilter',
width: 200,
listWidth: 200,
fieldLabel: 'Filter',
store: filterStore,
displayField:'filterDisp',
valueField:'filterVal',
typeAhead: true,
editable: true,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
selectOnFocus:false
},{
xtype: 'combo',
id: 'xStatus',
width: 200,
listWidth: 200,
fieldLabel: 'Status',
store: statusStore,
displayField:'statusDisp',
valueField:'statusVal',
typeAhead: true,
editable: false,
mode: 'local',
forceSelection: true,
triggerAction: 'all',
selectOnFocus:false
}
]
});

Now I need to add a button near to the first combo box so that both the first combo and the button should be one the same line.
Could somebody please help me on this?

Thanks in advance...

vietits
10 Apr 2012, 8:40 PM
You could use fieldcontainer for that purpose.