如何在字段集ExtJS中更改颜色拾取的宽度

Question

我想在更改字段集的宽度时更改颜色选择的宽度。 我尝试使用maxWidth，但没有帮助：

{
        xtype: 'fieldset',
        title: __('colors'),
        defaultType: 'textfield',
        layout: 'vbox',
        defaults: {
            anchor: '100%',
            labelAlign: 'top',
            align: 'center'
        },
        items: [
            {
                xtype: 'container',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                defaults: {
                    // anchor: '100%',
                    maxWidth: 140,
                    labelAlign: 'top',
                    padding: '0 5px 0 5px'
                },
                items: [
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_heading'),
                        bind: '{headerColor}'
                    },
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_content_color'),
                        bind: '{contentColor}'
                    }
                ]
            },
            {
                xtype: 'container',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                defaults: {
                    // anchor: '50%',
                    maxWidth: 140,
                    labelAlign: 'top',
                    padding: '0 5px 0 5px'
                },
                items: [
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_btn_text_color'),
                        bind: '{textBtnColor}'
                    },
                    {
                        xtype: 'colorfield',
                        fieldLabel: __('email_btn_color'),
                        bind: '{colorBtn}'
                    }
                ]
            }

        ]
    }

当屏幕上的小字段集与我的颜色选择重叠并且不更改宽度时：

Answer 1

在父节点width: 320上设置xtype: 'fieldset'，以免像这样切断项目。如果这样做没有帮助，请对父节点xtype: 'form'尝试相同的操作。属性maxWidth仅定义节点可以具有的最大宽度，而不是实际宽度。