Использование ExtJS fieldContainer

Question

Я хочу использовать fieldContainer ниже мой код для этого ..

Ext.onReady(function() { 
    Ext.QuickTips.init(); 


    var myViewport = new Ext.Viewport({ 
     layout: 'border', 
     border: false, 
     renderTo: Ext.getBody(), 
     items: [{ 
      region: 'north', 
      xtype: 'panel', 
      id: 'north-panel', 
      border: false, 
      height: 125 
     }, { 
      region: 'center', 
      xtype: 'panel', 
      id: 'center-panel', 
      border: false, 
      items: [{ 
       xtype: 'fieldcontainer', 
       fieldLabel: 'Time worked', 
       combineErrors: false, 
       layout: 'hbox', 
       defaults: { 
        flex: 1, 
        hideLabel: true 
       }, 
       items: [{ 
        name: 'hours', 
        xtype: 'textfield', 
        width: 48, 
        allowBlank: false 
       }, { 
        name: 'minutes', 
        xtype: 'button', 
        width: 10, 
        text: 'add' 
       }] 
      }] 
     }] 
    }); 

}); 

Теперь, когда я запускаю этот код я не в состоянии видеть текстовое поле или кнопку.

Предложите мне решение пожалуйста.

Answer 1

Вы должны использовать полевой контейнер в пределах поля.

И положил макет: 'hbox' в полевом наборе.