extjs - 如何在 ExtJS 的存储加载函数中使用范围

Question

this.loadSmt = function(argPanel) 
{
    this.store1 = new Ext.data.JsonStore({
        url             : 'URL1',
        totalProperty   : 'total',
        successProperty : 'success',
        root            : 'root1',
        fields          : [
                            {name: 'data1'},
                            {name: 'data2'}
                        ]
    });

    this.store2 = new Ext.data.JsonStore({
        url             : 'URL2',
        totalProperty   : 'total',
        successProperty : 'success',
        root            : 'root2',
        fields          : [
                            {name: 'data21'},
                            {name: 'data22'},
                            {name: 'data23'},
                            {name: 'data24'},
                            {name: 'data25'}
                        ]
    });

    this.store1.on('beforeload', function() {
        this.store1.baseParams = {
            argID: myID
        };
    }, this);

    this.store2.load({
        callback    : function() {
            var graphOwner = argPanel;
            var graphDataArr = [];
            var i = 0;
            this.data.each(function(item, index, totalItems) {
                var data1 = item.data['data1'];
                    var data2 = item.data['data2'];

                    // create arraystore data for graph 
                    var tempArr = new Array();
                    tempArr.push(data1);
                    tempArr.push(data2);
                    graphDataArr[i] = tempArr;
                    i++;
            });


            this.GraphPanel = this.getMyGraph(graphDataArr);

        }
    }, this);
};

this.getMyGraph = function(argGraphValue)
{
    // do something
}

当我运行此代码时，我得到

TypeError：this.getMyGraph 不是函数

错误，当我使用

这个.data.each

商店回调中的函数，我不能使用

this.getMyGraph

功能。我认为这是一个范围问题，如何将范围作为参数传递给函数或如何修复此错误？

Answer 1

您通过范围的方式不正确。您需要使用加载选项的范围参数。

this.store2.load({
    callback    : function(records, operation, success) {
     ...
    },
    scope: this
});

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.data.Store-method-load