使用this的正确方法是什么？

Question

我有一个简单的表单面板，似乎无法使用this.up命令访问该表单。使用它的正确方法是什么？所有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是表单面板本身。