如何减少 ExtJS FormPanel 中标签的填充？

Question

我正在尝试减少我的 ExtJS 表单的字段之间的填充。

我可以使用 Items 集合中的样式标记更改字段数据的样式，如下所示：

//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'
        }, {
        ...

但是如何访问 label 的样式，例如 styleLabel 或 labelStyle 等？

Answer 1

有labelPad显然默认为 5px，如果您需要更多，还有labelStyle 。

Answer 2

您可以使用可用于表单字段的labelStyle属性。 这是一个例子：

items: [{
   fieldLabel: 'Company',
   name: 'company',
   labelStyle: 'padding: 10px 10px;'
}]