ExtJs 3.4：删除字段集的边框

Question

I have an ExtJs fieldset.

{
                xtype : 'fieldset',
                layout : 'hbox',

                defaults : {
                    layout : 'hbox',
                    labelAlign : 'left',
                    border : false,
                    frame : false
                },
                items : [ {
                    xtype : 'label',
                    id : 'idDrop',
                    text : '',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'yellow',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                }, {
                    xtype : 'label',
                    text : '',
                    id : 'idPickup',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'green',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                }, {
                    xtype : 'label',
                    text : '',
                    id : 'idMix',
                    width : 120,
                    height : 25,
                    style : {
                        //background : 'blue',
                        color : 'black',
                        textAlign: 'center',
                        border: '1px solid black',
                        'font-weight':'bold'
                    }
                } ]
            }

I've tried to remove the frame of this fieldset as following.

defaults : {
                    layout : 'hbox',
                    labelAlign : 'left',
                    border : false,
                    frame : false
                }

But no luck.

How can I fix it ?

Answer 1

The properties in the defaults configuration object will be applied to all items of the fieldset, not the fieldset itself.

In order to remove the border there, just set border: false on the fieldset:

{
    xtype: 'fieldset',
    border: false,
    // ...
}