Javascript 如何减少ExtJS FormPanel中标签的填充?
我试图减少ExtJS表单字段之间的填充 我可以使用Items集合中的style标记更改字段数据的样式,如下所示:Javascript 如何减少ExtJS FormPanel中标签的填充?,javascript,css,forms,extjs,Javascript,Css,Forms,Extjs,我试图减少ExtJS表单字段之间的填充 我可以使用Items集合中的style标记更改字段数据的样式,如下所示: //form right var simple_form_right = new Ext.FormPanel({ frame:true, labelWidth: 90, labelAlign: 'right', title: 'Orderer Information', bodyStyle:'padding:5px 5px 0 0',
//form right
var simple_form_right = new Ext.FormPanel({
frame:true,
labelWidth: 90,
labelAlign: 'right',
title: 'Orderer Information',
bodyStyle:'padding:5px 5px 0 0',
width: 300,
height: 600,
autoScroll: true,
itemCls: 'form_row',
defaultType: 'displayfield',
items: [{
fieldLabel: 'Customer Type',
name: 'customerType',
style: 'padding:0px;font-size:7pt',
labelStyle: 'padding:0px',
allowBlank: false,
value: 'Company'
},{
fieldLabel: 'Company',
name: 'company',
value: 'The Ordering Company Inc.'
},{
fieldLabel: 'Last Name',
name: 'lastName',
value: 'Smith'
}, {
...
但是如何访问标签的样式,例如styleLabel或labelStyle等?有一些默认值为5px,如果您需要更多的值。您可以使用表单字段可用的
labelStyle
属性。
以下是一个例子:
items: [{
fieldLabel: 'Company',
name: 'company',
labelStyle: 'padding: 10px 10px;'
}]
哦,求你了。。。不要将代码示例作为图像发布。