如何在 extraParams 存储 extjs 上设置动态值

Question

嗨，我在将动态值存储到extraParams上的 extraParams 时遇到问题。

我的情况是，当我在这里console时，我可以从我的组件中获得价值：

listeners: {
    load: function (store, records, success) {
        console.log(Ext.ComponentQuery.query('combobox[reference=terminal2]')[0])
    }
}

我从该组件中获得了值，但是当我尝试将其传递给extraParam时，我得到了错误undefined ..

proxy: {
    type: 'ajax',
    url: Config.getApi() + 'api/public/index',
    extraParams: {
        dParams: Ext.ComponentQuery.query('combobox[reference=terminal2]')[0]
    },
},

我得到错误undefined ..

我的完整商店代码

Ext.define('Admin.store.npk.mdm.LayananAlat', {
    extend: 'Ext.data.Store',

    alias: 'store.layananalat',

    requires: [
        'Config'
    ],

    autoLoad: true,

    proxy: {
        type: 'ajax',
        url: Config.getApi() + 'api/public/index',
        actionMethods: {
            read: 'POST'
        },
        paramsAsJson: true,
        timeout: 120000,
        extraParams: {
            dParams: Ext.ComponentQuery.query('combobox[reference=terminal2]')[0]
        },
        headers: {
            'token': Ext.util.Cookies.get('Tokens')
        },
        reader: {
            type: 'json',
            rootProperty: function (obj) {
                return obj.result
            },
            totalProperty: function (obj) {
                return obj.count
            }
        }
    },
    listeners: {
        load: function (store, records, success) {
            console.log(Ext.ComponentQuery.query('combobox[reference=terminal2]')[0])
        }
    }
});

还是有另一种方法可以将动态值传递给extraParams中proxy商店的 extraParams？

Answer 1

当您的 UI 很可能未构建时，您的代理设置将在构建阶段设置，因此您的组件查询无法返回引用的 UI 元素。

关闭autoLoad并从存储定义中删除代理部分。 然后在可以确定 UI 已经构建好的地方设置代理。 例如，在视图的显示/绘制事件中，您可以添加如下代码

   const store = Ext.getStore('layananalat');
   store.setProxy({
        type: 'ajax',
        url: Config.getApi() + 'api/public/index',
        actionMethods: {
            read: 'POST'
        },
        paramsAsJson: true,
        timeout: 120000,
        extraParams: {
            dParams: Ext.ComponentQuery.query('combobox[reference=terminal2]')[0]
        },
        headers: {
            'token': Ext.util.Cookies.get('Tokens')
        },
        reader: {
            type: 'json',
            rootProperty: function (obj) {
                return obj.result
            },
            totalProperty: function (obj) {
                return obj.count
            }
   });
   store.load();