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对象。

ExtJs FormPanel按钮未显示

1 个答案: