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?