ExtJS复合字段中的组合框和按钮

时间:2011-03-31 04:37:45

标签: extjs

Iam使用compositfield for Combobox和编辑按钮并排 为此,我的代码是

{
    xtype: 'fieldset',
    title: 'Covered under warranty',
    checkboxToggle: true,
    labelAlign: 'right',
    autoHeight: true,
    width: 730,
    items: [{
        bodyStyle: 'padding-left:5px;',
        layout: 'table',
        autoHeight: true,
        autoWidth: true,
        layoutConfig: {
            columns: 2
        },
        defaults: {
            frame: true,
            style: 'margin: 0 0 1px 3px'
        },
        items: [{
            xtype: 'fieldset',
            title: 'Warranty Manufacturer',
            autoHeight: true,
            width: 360,
            labelWidth: 110,
            items: [{
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Company',
                items: [ComboComanyinWarranty, btnEdit]
            }, {
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Company Location',
                width: 220,
                items: [ComboCompanyLocationInWarranty]
            }, {
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Contact Person',
                width: 220,
                items: [ComboContactPersonInWarranty, {
                    xtype: 'button',
                    text: '...'
                }]
            }, {
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Contact Phone',
                items: [{
                    xtype: 'displayfield',
                    value: ''
                }]
            }, {
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Contact Mobile',
                items: [{
                    xtype: 'displayfield',
                    value: ''
                }]
            }, {
                xtype: 'compositefield',
                defaults: {
                    height: 20
                },
                fieldLabel: 'Contact Email',
                items: [{
                    xtype: 'displayfield',
                    value: ''
                }]
            }]

        }
   }

但按钮没有正确显示按钮切割的底部。 所以请帮忙

提前致谢

1 个答案:

答案 0 :(得分:0)

也许autoheight无效?尝试将其设置为固定高度......