Ext JS 4 - Grid instances sharing the same store

Question

I got a problem that is simply driving me insane. I created a window based widget that displays a grid. Ok, until now that is nothing special, but, each grid has to deal with different data. For Example: Imagine a homebroker, there is the widget that show the offers of a stock. So, the instance A has to show INTC, instance B has to show CSCO and instance C has to show FB. But when I deal with the data of INTC for instance A, the grids of instances B and C are updated too. So I understand that all grid a sharing the same store. I've already tried to create a store dinamically, but, it didn't work.

The question is, how do I do to separate this? There is another way to update a grid without stores?

Perhaps post some code of how your grids and stores are defined, also which version of ExtJS are you using? — dougajmcdonald

Johan Haest Johan Haest · Accepted Answer · 2012-08-24T18:22:14

You need to create an instance of the store, you're probably declaring them like this:

{
     xtype: 'grid',
     store: 'theStore'
     // Rest of the properties
}

What you need to do is the following:

{
    xtype: 'grid',
    //column definitions etc...
    initComponent: function() {
        var me = this;
        var lStore = Ext.create('App.store.MyStore');

        Ext.apply(me, {
            store: lStore
        });

        me.callParent();
    }
}

This creates a unique instance of the store, if you reference the store like this: store: 'MyStore' you just get the same store, and when you sort, page, filter, ... all the stores do the same.

Hope this helps you, since you didn't share any code.

Ext JS 4 - Grid instances sharing the same store

1 Answers