本文介绍如何通过设置labelWidth属性来调整ExtJS中FormPanel组件的fieldLabel长度，避免因字段标签过长而导致的内容换行问题。
控制FormPanel中fieldLabel的长度
如：
new Ext.form.FormPanel({
width : 400,
labelAlign : 'right',
height : 200,
defaultType : 'textfield',
items : [{
fieldLabel : '我太长了导致换行我太长了导致换行我太长了导致换行',
name : 'name'
}, {
fieldLabel : '地址',
name : 'address'
}]
});
此时由于fieldLabel太长，里面的内容分两行显示，让它在一行显示
labelWidth用来控制fieldLabel的长度
new Ext.form.FormPanel({
width : 400,
labelAlign : 'right',
labelWidth : 200,
height : 200,
defaultType : 'textfield',
items : [{
fieldLabel : '我太长了导致换行我太长了导致换行我太长了导致换行',
name : 'name'
}, {
fieldLabel : '地址',
name : 'address'
}]
});
黑色头发:http://heisetoufa.iteye.com/
如：
new Ext.form.FormPanel({
width : 400,
labelAlign : 'right',
height : 200,
defaultType : 'textfield',
items : [{
fieldLabel : '我太长了导致换行我太长了导致换行我太长了导致换行',
name : 'name'
}, {
fieldLabel : '地址',
name : 'address'
}]
});
此时由于fieldLabel太长，里面的内容分两行显示，让它在一行显示
labelWidth用来控制fieldLabel的长度
new Ext.form.FormPanel({
width : 400,
labelAlign : 'right',
labelWidth : 200,
height : 200,
defaultType : 'textfield',
items : [{
fieldLabel : '我太长了导致换行我太长了导致换行我太长了导致换行',
name : 'name'
}, {
fieldLabel : '地址',
name : 'address'
}]
});
黑色头发:http://heisetoufa.iteye.com/
扫一扫
1100
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
