EXT 佈局中縮短label與field之間距離的方法

主要是採用一個插件 FieldLabeler 在ext-3.3.1\examples\ux路徑下。

[align=left]var templatePanel = new Ext.Panel({
region: 'north',
height: 40,
width: 600,
bodyStyle: 'padding:8px 0px',
labelWidth: 55,
layout: {
type: 'hbox',
pack: 'center'
},
defaults: {
xtype: 'textfield'
},
items:[{
fieldLabel: '模板名稱',
plugins: [Ext.ux.FieldLabeler],
name: 'name'
},{
xtype: 'combo',
width: 150,
ieldLabel: '模板類型',
plugins: [Ext.ux.FieldLabeler],
editable: false,
forceSelection:true,
store: new Ext.data.SimpleStore({
fields: ["value","status"],
data: [["0","直播頻道"],["1","虛擬頻道"]]
}),
mode: "local",
triggerAction: "all",
displayField : "status",
valueField: "value",
hiddenName : "type",
name: "type",
allowBlank: false
},{
fieldLabel:"備註",
plugins: [Ext.ux.FieldLabeler],
name: "description"
}]
});[/align]