How to pass parameters to store in ExtJs

Question

I am working on a display where I need to bind a combobox but I am unable to pass parameters. Below is my code please provide me the way to pass parameters.

//store
Ext.define('NetworkStore', {
    extend: 'Ext.data.Store',
    alias: 'NetworkStore',
    fields: ['Id', 'value'],
    storeId: 'NetworkStore', 
    autoLoad: true,
    proxy: {
        type: 'ajax',
        useDefaultXhrHeader: false,
        actionMethods: { create: "POST", read: "GET", update: "POST", destroy: "POST" },
        headers: { 'Content-Type': 'application/x-www-form-urlencode' },
        limitParam: false,
        startParam: false,
        pageParam: false,
        extraParams: {
            Style: 1
        },
        url: 'url',
        reader: {
            type: 'json'
        }
    }
});

xtype: 'combo',
name: 'NetworkIDList',
store: {
        type: 'NetworkStore',
        'Style': 3 //parameter
        //params: {  // tried this way as well but did not work for me.
        //  Style: 3
        //}
        }

Note: Store is defined in a separate file.

Could you explain what you are trying to achieve? Why do you want to bind what? — Jonas Osburg
– Jonas Osburg, Commented Dec 18, 2019 at 17:45
I want to bind combobox with updated store, for that I need to call store with parameters, and I am unable to find the way to pass parameter for API call. — Sunil Bamal
– Sunil Bamal, Commented Dec 20, 2019 at 15:38

Sunil Bamal · Accepted Answer · 2019-12-23 14:38:09Z

1

The store should be passed like below format.

store: {
        type: 'NetworkStore',
        proxy: {
                extraParams: {
                    Style: 3
                }
            }
        }

answered Dec 23, 2019 at 14:38

Sunil Bamal

1172 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dinkheller · Accepted Answer · 2019-12-18 20:06:03Z

0

You can change the params as follows:

let store = Ext.data.StoreManager.lookup('NetworkStore'),

    // params are part of the proxy, not the store
    proxy = store.getProxy(),

    // make sure you keep the other params
    newParams = Ext.apply(proxy.getExtraParams(), {style: '3'});

// set the params to the proxy    
proxy.setExtraParams(newParams);

// do whatever you plan to do with the store
store.load();

If you want to bind a value to store proxy params, take a look at this fiddle.

edited Dec 18, 2019 at 20:06

answered Dec 18, 2019 at 18:54

Dinkheller

5,1346 gold badges43 silver badges72 bronze badges

2 Comments

Sunil Bamal Over a year ago

I want to bind it to combobox directly, where we define its store property.

Dinkheller Over a year ago

Did you take a look at the fiddle. In the fiddle I show how to bind the extraParam property (style) to the store. You can do the same with your combobox value. If you do not know how to bind the combobox value, Please write so.

Collectives™ on Stack Overflow

How to pass parameters to store in ExtJs

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related