2014-10-01 84 views
0

我想在我的應用程序中生成一個FormPanel,由一個字段和兩個按鈕組成。 問題是,顯示文本字段時,按鈕不顯示在視圖上!ExtJs 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' 
      }] 
    }] 
} 
}); 

沒有人有任何想法? 在此先感謝

回答

0

容器沒有按鈕配置。您必須將按鈕配置定義到formpanel對象中。

+0

我試圖把按鈕放在同一級別的項目,在配置屬性,但它仍然無法使用 – Ago 2014-10-01 12:52:16