Ext JS 4 - 共享同一商店的网格实例

时间:2012-08-24 17:31:43

标签: extjs grid store

我遇到了一个让我疯狂的问题。我创建了一个基于窗口的小部件来显示网格。好的,直到现在这并不特别,但是,每个网格都必须处理不同的数据。例如:想象一下房屋经纪人,有一个显示股票报价的小部件。因此,实例A必须显示INTC,实例B必须显示CSCO,实例C必须显示FB。但是当我处理例如A的INTC数据时,实例B和C的网格也会更新。所以我理解所有网格共享同一个商店。 我已经尝试过以恐怖方式创建商店,但是,它没有用。

问题是,我该如何分开呢?还有另一种方法可以在没有商店的情况下更新网格吗?

1 个答案:

答案 0 :(得分:9)

您需要创建商店的实例,您可能会这样声明:

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

您需要做的是:

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

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

        me.callParent();
    }
}​

这会创建一个商店的唯一实例,如果您像这样引用商店:store:'MyStore'您只是获得相同的商店,当您排序,分页,过滤,...所有商店都这样做

希望这对您有所帮助,因为您没有共享任何代码。