sencha-touch - 如何访问在同一视图 senchatouch 中定义的函数中的视图初始化中声明的变量

Question

我在视图的初始化部分声明了一个变量。当我尝试在面板中声明的函数中访问此变量时，我收到一个错误，指出该变量未定义。我尝试通过 1>this.variablename 访问它2>viewid.variablename....我做错了什么？

Ext.define('app.view.location', {
            extend : 'Ext.Panel',
            xtype : 'location_d',
            id : 'locdetail',
            initialize : function() {
                loc = 'abc';
            },
            config : {
                layout : {
                    type : 'card'
                },
                scrollable : true,
                fullscreen : true,
                items : [{
                            xtype : 'panel',
                            html : 'Get Dir',
                            id : 'Dir',
                            cls : 'loc',
                            listeners : {
                                tap : {
                                    element : 'element',
                                    fn : function(m) {
                                        alert(this.loc); //gives me undefined variable error
                                    }
                                }
                            }
                        }]
            }
        });

Answer 1

您的代码中有一些错误。

首先，您需要在配置中添加local als 变量。

config : {
    layout : {
        type : 'card'
    },
    loc: null,
    scrollable : true,
    ...}

然后你应该用他的二传手设置 loc 。

initialize : function() {
    this.setLoc("abc");
},

在您的点击侦听器中，您不能使用this，因为它引用内部面板而不是外部面板，因此请使用 ComponenetManager 获取外部面板。

listeners : {
    tap : {
        element : 'element',
        fn : function(m) {
            alert(Ext.ComponentManager.get("locdetail").getLoc());
        }
    }
}

我试过了，它没有问题！

完整代码：

Ext.define('app.view.location', {
    extend : 'Ext.Panel',
    xtype : 'location_d',
    id : 'locdetail',
    initialize : function() {
        this.setLoc("abc");
    },
    config : {
        layout : {
            type : 'card'
        },
        loc: null,
        scrollable : true,
        fullscreen : true,
        items : [{
            xtype : 'panel',
            html : 'Get Dir',
            id : 'Dir',
            cls : 'loc',
            listeners : {
                tap : {
                    element : 'element',
                    fn : function(m) {
                        alert(Ext.ComponentManager.get("locdetail").getLoc());
                    }
                }
            }
        }]
    }
});

Sencha Touch Class 系统指南：http ://docs.sencha.com/touch/2-1/#!/guide/class_system