主要原理:
利用{html : '<pre> </pre>'}填充空格:
var Text1 = new Ext.form.TextField({
fieldLabel : 'Text1',
name : 'creator',
width : 100
});
var Text2 = new Ext.form.NumberField({
fieldLabel : 'Text2',
name : 'orderId',
width : 100
});
var Text3 = new Ext.form.DateField({
fieldLabel : '到',
name : 'Text3',
width : 100,
value : null,
format : 'Y-m-d'
});
var searchBtn2 = new Ext.Button({
text : '查询2'
});
var resetBtn2 = new Ext.Button({
text : '重置2'
})
var formPanel = new Ext.form.FormPanel({
height : 100,
layout : 'table',
layoutConfig : {
columns : 2
},frame : true,
defaults : {
bodyStyle : 'padding: 0px;',
border : false
},
labelAlign : 'right',
labelWidth : 100,
items : [{
layout : 'form',
items : [Text1]
}, {
layout : 'form',
items : [Text2]
}, {
layout : 'form',
items : [Text3]
}, {
layout : 'table',
items : [{html : '<pre> </pre>'}, searchBtn2, resetBtn2]
}]
});
若按钮紧挨着一个输入框:
{
layout : 'table',
items : [{layout : 'form',items : [txt1]},
{layout : 'form',items : [btn1]}
]
}