Отображение радиополя в extjs

Question

У меня есть две опции переключателя, у одной из них есть рядом с ним текстовое поле. Показывается радиосвязь с текстовым полем рядом с ним. Однако первое радиополе (маленькое) не отображается. Любая помощь в том, почему?

size= Ext.create('Ext.form.Panel', { 
      xtype: 'fieldset', 
      flex: 1, 
      defaultType: 'radio', 
      width:'100%', 
      border:false, 

      items: { 
       checked: true, 
       boxLabel: 'Small', 
       name: 's', 
       inputValue: 'small', 

      }, 

      layout: 'hbox', 
      items: [ 
      { 
       boxLabel: 'Large', 
       name: 's', 
       inputValue: 'l', 
      }, 
      { 
        xtype: 'splitter' 
      },        
      { 
        xtype: 'textfield', 
        name: 'specify' 

      } 
      ] 
    }); 

Answer 1

Положить контейнер вокруг hbox. Теперь вы переопределяете первый items array со вторым items array. Вы можете иметь только один items array на контейнер/упаковку.

size= Ext.create('Ext.form.Panel', { 
    xtype: 'fieldset', 
    flex: 1, 
    defaultType: 'radio', 
    width:'100%', 
    border:false, 
    items: { 
     checked: true, 
     boxLabel: 'Small', 
     name: 's', 
     inputValue: 'small' 
    }, { 
     xtype: 'container', 
     layout: 'hbox', 
     items: [ 
     { 
      boxLabel: 'Large', 
      name: 's', 
      inputValue: 'l', 
     }, 
     { 
      xtype: 'splitter' 
     },        
     { 
      xtype: 'textfield', 
      name: 'specify' 
     }] 
    } 
});