ExtJs FormPanel Кнопки не показаны

Question

Я пытаюсь создать FormPanel в своем приложении, сделанное полем и двумя кнопками. Проблема заключается в том, что, пока отображается текстовое поле, кнопки не отображаются на экране!

Это мнение Login.js:

Ext.define('appTrial.view.Login',{ 
extend: 'Ext.form.Panel', 
xtype: 'Login', 
alias: 'widget.Login', 

config : { 
    id : 'LoginId', 

    title : 'Welcome', 
    resizable : false, 
    collapsible : true, 
    bodyPadding : '5', 
    buttonAlign : 'center', 
    border : false, 
    trackResetOnLoad : true, 

    items : [{ 
     docked: 'top', 
     xtype: 'titlebar', 
     title: 'Welcome to My New App!!!' 
     }, 
     { 
     xtype: 'container', 
     name: 'mainContainer', 
     layout: { 
      type: 'vbox', 
      align: 'center', 
      pack: 'center' 
     }, 
     //width : '100%', 
      items : [{ 
       layout: { 
        pack: 'center' 
       }, 
       html :'Associa attivita', 
       margin: '80 0 0 0' 
      },{ 
       xtype: 'fieldset', 
       items: [{ 
        xtype: 'textfield', 
        name: 'codAttivita' 
       }] 
      }], 
      buttons :[{ 
       text : 'Associa', 
       itemId : 'btnAssocia', 
       formBind : true, 
       ui: 'confirm' 
      },{ 
       text : 'Reset', 
       itemId : 'btnReset', 
       formBind : true, 
       ui: 'decline' 
      }] 
    }] 
} 
}); 

Кто-нибудь есть какие-либо идеи? Заранее спасибо

Answer 1

Контейнеры не имеют конфигурации кнопок. Вы должны определить конфигурацию кнопки в объекте formpanel.