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對象中。