javascript - ExtJS 6 - 存储 $binding 未定义

Question

我需要在加载商店时执行某些操作。问题是当商店的 'load' 事件被触发时， '$binding' 未定义，因此 'owner' 属性不可用。

“加载”事件的商店及其监听器在 ViewModel 中定义:

    Ext.define('App.view.TSegmentacionFrmViewModel', {
    extend: 'Ext.app.ViewModel',
    alias: 'viewmodel.TSegmentacionFrm',

    requires: [
        'Ext.data.Store',
        'Ext.data.proxy.Ajax',
        'Ext.data.reader.Json'
    ],

    stores: {
        oStoreSegmentacion: {
            autoLoad: true,
            model: 'App.model.oGrid',
            proxy: {
                type: 'ajax',
                extraParams: {
                    cmd: 'Get',
                    cCodClass: 'SegmentacionBrw'
                },
                url: "TGlobalData.ashx",
                useDefaultXhrHeader: false,
                reader: {
                    type: 'json',
                    rootProperty: 'aResultado',
                    totalProperty: 'nRows'
                }
            },
            listeners: {
                load: 'onJsonstoreLoad'
            }
        }
    }
});

商店绑定(bind)在 View 中定义(以下代码的第 58 行):

    Ext.define('App.view.TSegmentacionFrm', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.TSegmentacionFrm',

    requires: [
        'App.view.TSegmentacionFrmViewModel',
        'App.view.TSegmentacionFrmViewController',
        'Ext.tab.Tab',
        'Ext.toolbar.Toolbar',
        'Ext.toolbar.Separator',
        'Ext.grid.Panel',
        'Ext.view.Table',
        'Ext.grid.column.Action',
        'Ext.form.Label',
        'Ext.grid.column.RowNumberer'
    ],

    config: {
        [...]
    },

    controller: 'TSegmentacionFrm',
    viewModel: {
        type: 'TSegmentacionFrm'
    },
    cls: 'CustomTabs',
    itemId: 'TSegmentacionFrm',
    activeTab: 0,
    deferredRender: false,

    initConfig: function(instanceConfig) {
        var me = this,
            config = {
                items: [
                    {
                        xtype: 'panel',
                        itemId: 'oPnlHist',
                        layout: {
                            type: 'vbox',
                            align: 'stretch'
                        },
                        bind: {
                            title: '{lbl_ListadoHist}'
                        },
                        dockedItems: [
                            {
                                [...]
                            }
                        ],
                        items: [
                            {
                                xtype: 'TMainBrowseGrid',
                                cBrwName: 'oBrwSegmentacion',
                                cCodForm: 'SegmentacionFrm',
                                cls: 'CustomGrid',
                                flex: 1,
                                itemId: 'oGridHistorico',
                                bind: {
                                    store: '{oStoreSegmentacion}'
                                },
                                listeners: {
                                    selectionchange: 'onOGridProductosSelectionChange'
                                },
                                columns:
                                    [...]
                            }
                        ]
                    },
                ]
            };
        [...]
    },
});

这是 ViewController 中的 onJsonstoreLoad 方法:

    Ext.define('App.view.TSegmentacionFrmViewController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.TSegmentacionFrm',

    onJsonstoreLoad: function (store, records, successful, operation, eOpts) {


        // This '$binding' is undefined
        // Uncaught TypeError: Cannot read property 'owner' of undefined at g.onJsonstoreLoad
        var oView = store.$binding.owner.getView();

        [...]

    }

});

我做错了什么？前段时间写这个的人说可以，现在好像坏了。谢谢。

Answer 1

$binding 是一些内部属性，它不是 API 的一部分，不要使用它。由于回调在 Controller 中，只需调用 this.getView()。