Question

extjs表单布局Label与文本框之间的距离太大，怎么调？

Ext.onReady(
function(){
var form =new Ext.FormPanel(
{
title:'multi_row_column_form',
autoWidth:true,
lableWidth:20,
collapsible:true,
//left:true,
frame:true,
items:[
{ //the_first_row
layout:'column',
border:false,
items:[
{
layout:'form',
columnWidth:.3,
border:false,
items:[
{fieldLabel:'姓名1',name:'name1',xtype:'textfield',width:90,allowBlank:true}
]
},
{
layout:'form',
columnWidth:.3,
border:false,
items:[
{fieldLabel:'姓名2',name:'name2',xtype:'textfield',width:90,allowBlank:true}
]
},
{
layout:'form',
columnWidth:.3,
border:false,
items:[
{fieldLabel:'姓名3',name:'name3',xtype:'textfield',width:90,allowBlank:true}
]
}
]
}//end_first_row
}
); //end_form
form.render("dd");
} //end_function()
); //end_onReady()
你看我的代码，labelWidth都设成20了还不行！

Answer 1

在form里增加bodyStyle配置项
如：
bodyStyle:'padding:10px 40px 10px 40px'

其实就是给form加个样式

我看错了，你问的是Label与文本框之间的宽度
labelWidth:80 配置项

Answer 2

给这行加lableWidth:20,啊
fieldLabel:'姓名3',name:'name3',xtype:'textfield',width:90,allowBlank:true,lableWidth:20

Answer 3

一般用labelAlign :'right'