我有一个面板,其中有2个下拉框。我需要在其中一个下拉框旁边添加一个按钮。两个下拉框和按钮应该在同一行上。以下是我的面板:
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
}
]
});
我需要将按钮放在第一个组合框旁边,以便第一个组合框和按钮在同一行显示。 请问有人能帮我完成这个任务吗?
提前感谢您的帮助。