正确的使用方法是什么?

Question

我有一个简单的表单面板，似乎不能通过使用this来访问表单。命令。正确的用法是什么?所有console.log语句返回undefined。我正在使用Sencha Architect程序，无法定义xtype。相反，我必须使用别名字段。

Ext.define('MyApp.view.MyFormPanel', {
    extend: 'Ext.form.Panel',
    alias: 'widget.contactform',
    config: {
        id: 'MyFormPanel',
        items: [
            {
                xtype: 'fieldset',
                title: 'MyFieldSet1',
                items: [
                    {
                        xtype: 'textfield',
                        label: 'Name',
                        name: 'Name'
                    },
                    {
                        xtype: 'textfield',
                        label: 'Email',
                        name: 'Email'
                    }
                ]
            },
            {
                xtype: 'button',
                itemId: 'mybutton',
                text: 'MyButton'
            }
        ],
        listeners: [
            {
                fn: 'onMybuttonTap',
                event: 'tap',
                delegate: '#mybutton'
            }
        ]
    },
    onMybuttonTap: function(button, e, eOpts) {
        console.log(this.up('widget.contactform'));
        console.log(this.up('contactform'));
        console.log(this.up('form'));
        console.log(this.up('formpanel'));
        console.log(this.up('form.panel'));
        console.log(this.up('MyFormPanel'));
    }
});

Answer 1

嗯。从你调用它的地方考虑，我认为this是表单面板本身。