問題與同一家商店格Ext JS的

Question

所以我panel（可以稱之爲fooPanel）含有grid（讓我們稱之爲如果fooGrid，其中有一些store）。 fooPanel可以插入一些tabpanel。所以問題是，tabpanel可能包含兩個（或更多）fooPanel的實例，並帶有一些不同的參數。我認爲這個問題很明顯。因爲面板上的fooGrids具有相同的stores，只要我重新加載一個商店，兩個fooGrids正在重新加載。 （因爲他們有相同的stores）。有針對這個的解決方法嗎？或者我應該限制用戶只打開一個fooPanel的實例，每tabpanel

Answer 1

除了每個網格創建一個商店之外，沒有簡單的解決方案。如果您不想創建商店的多個實例的原因是爲了避免多次加載，您可以在代理級別上進行某種緩存。

編輯如何創建多個商店爲您的網格實例

您可以創建存儲實例（即使用Ext.create('My.Store')）你自己在你的initComponent方法電網：

Ext.define('My.Store', { 
    extend: 'Ext.data.Store' 
    ,fields: ['name'] 
    ,proxy: { 
     type: 'memory' 
     ,reader: 'array' 
    } 
    ,data: [['Foo'],['Bar'],['Baz']] 
}); 

Ext.define('My.Grid', { 
    extend: 'Ext.grid.Panel' 

    ,columns: [{dataIndex: 'name'}] 

    ,initComponent: function() { 
     // /!\ Do that BEFORE calling parent method 
     if (!this.store) { 
      this.store = Ext.create('My.Store'); 
     } 

     // ... but don't forget to call parent method    
     this.callParent(arguments); 
    } 
}); 

// Then I can create multiple grids, they will have their own store instances 

Ext.create('My.Grid', { 
    renderTo: Ext.getBody() 
    ,height: 200 
}); 

Ext.create('My.Grid', { 
    renderTo: Ext.getBody() 
    ,height: 200 
}); 

或者你可以在創建時指定新的商店實例：

Ext.create('Ext.grid.Panel', { 
    renderTo: Ext.getBody() 
    ,height: 200 
    ,columns: [{dataIndex: 'name'}] 
    ,store: Ext.create('My.Store') // one instance 
}); 

Ext.create('Ext.grid.Panel', { 
    renderTo: Ext.getBody() 
    ,height: 200 
    ,columns: [{dataIndex: 'name'}] 
    ,store: Ext.create('My.Store') // two instances! 
}); 

但是，就我而言，我通常不打算創建完整的商店定義。我在模型中配置代理，並使用該模型使用內聯存儲配置（內聯配置將轉換爲它們自己的實例，在Ext4中）。例如：

Ext.define('My.Grid', { 
    extend: 'Ext.grid.Panel' 

    ,columns: [{dataIndex: 'name'}] 

    // inline store configuration 
    ,store: { 
     // The model takes care of the fields & proxy definition 
     model: 'My.Model' 

     // other params (like remoteSort, etc.) 
    } 
}); 

// Now I can create plenty of My.Grid again, that won't interfere with each other 

Answer 2

這篇文章可以幫助你

Ext.define('App.store.MyStore', { 
    extend : 'Ext.data.Store', 
    alias : 'store.app-mystore', // create store alias 

    // ... 
}); 

Ext.define('App.view.MyCombo', { 
    extend : 'Ext.form.field.ComboBox', 
    xtype : 'app-mycombo', 

    requires : [ 
     'App.store.myStore' 
    ], 

    // combo config 
    store : { 
     type : 'app-mystore' // store alias; type creates new instance 
    } 
}); 

http://www.sencha.com/forum/showthread.php?284388-ExtJs-4.2-Multiple-instances-of-the-same-Store&p=1040251

Answer 3

在ExtJS的5，你可以採取的連鎖店的優勢。這樣，您可以擁有一個源存儲，而其他商店則使用不同的過濾器查看同一商店。

http://docs.sencha.com/extjs/5.0.0/whats_new/5.0/whats_new.html

http://extjs.eu/on-chained-stores/