ExtJs 3.4：删除字段集的边框

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

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

为了删除边框，只需在字段集上设置border: false ：

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