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

Свойства в объекте конфигурации defaults будут применены ко всем элементам набора полей, а не самому набору полей.

Для того, чтобы удалить границу там, просто установите border: false на FIELDSET:

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