使用 this.up 的正确方法是啥？

Posted 2023-02-25

【中文标题】使用 this.up 的正确方法是啥？

【英文标题】：What is the correct way to use this.up?使用 this.up 的正确方法是什么？

【发布时间】：2013-06-06 19:59:42

【问题描述】：

我有一个简单的表单面板，似乎无法使用 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'));

    

);

【参考方案1】：

嗯。考虑到您从哪里调用它，我认为this 是表单面板本身。