javascript - ExtJs 3.4 : Remove border of a fieldset

Question

我有一个 ExtJs 字段集。

{
                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'
                    }
                } ]
            }

我试过如下删除这个字段集的框架。

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

但没有运气。

我该如何解决？

Answer 1

defaults 中的属性配置对象将应用于字段集的所有项，而不是字段集本身。

为了去除那里的边框，只需在字段集上设置 border: false:

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