仅在Internet Explorer中未定义Extjs store.proxy.extraParams

Question

I have an ExtJs store.

var fieldsStore = new Ext.create('Ext.data.Store', {
model : 'FieldsModel',
proxy : {
    type : 'ajax',
    url : 'queryBuilder_getQueryDetails',
    extraParams : {
        queryID : queryID
    },
    reader : {
        type : 'json'
    }
},
listeners : {
    load : function(store, records, successful, operation, eOpts) {
        if (successful) {
            records.forEach(function(rec) {
                // default settings: if datatype is INTEGER - SUM
                if (rec.get('fieldType') == 'INTEGER') {
                    rec.set('fieldSettingKey', 'SUM');
                    rec.set('fieldSettingValue', 'Sum');
                } else {
                    // else select ROWHEADER by default
                    rec.set('fieldSettingKey', 'ROWHEADER');
                    rec.set('fieldSettingValue', 'Row Header');
                }
            });
            store.commitChanges();
        }
    }
}
});

Now when I do fieldsStore.proxy.extraParams.queryID = arrQuery.queryId; , I am getting an error in Internet Explorer. Not in Chrome or FF but only in IE.

It says fieldsStore.proxy.extraParams is null or undefined.

Can anyone help why this is happening only in IE?

Answer 1

you can also try this

fieldsStore.getProxy().setExtraParam( 'queryID', arrQuery.queryId );

Answer 2

找到了替代方法 。

fieldsStore.proxy.extraParams = {queryID : arrQuery.queryId};

Answer 3

try with:

fieldsStore.getProxy().extraParams = arrQuery.queryId;

EDIT:

You can erase it, when you do:

fieldsStore.getProxy().extraParams = {'queryID' : queryID} this code define your extraParams config automatically.

var fieldsStore = new Ext.create('Ext.data.Store', {
model : 'FieldsModel',
proxy : {
    type : 'ajax',
    url : 'queryBuilder_getQueryDetails',
    //-----------------------
    extraParams : {
        queryID : queryID
    },
    //-----------------------
    reader : {
        type : 'json'
    }
},
...
});