Ext JS - beste Weg, Panel-Datenspeicher zu binden

Question

I Ext JS bin neu und haben zwei Möglichkeiten, in denen ein Gitter/Baum bemerkt, kann eine Datenquelle binden (Store):

1. Ext.data.StoreManager.lookup('someStoreId');
2. Ext.getStore('someStoreId');

Ist Ext.getStore nur einige Abkürzung für StoreManager.lookup? Gibt es einen Leistungsunterschied zwischen den beiden oder würde es als bestes Verfahren angesehen, eines über dem anderen zu verwenden?

Answer 1

Ja, sie sind die gleiche Sache, es spielt keine Rolle, welche Sie anrufen, getStore ist für die Eingabe Bequemlichkeit und it calls StoreManager.

http://docs.sencha.com/extjs/5.1/5.1.1-apidocs/#!/api/Ext-method-getStore

Abkürzung zu Ext.data.StoreManager.lookup.

Und sie sind beide schreckliche Ideen. Sie erstellen im Wesentlichen globale Variablen. Sie sollten stattdessen Referenzen auf die von Ihnen erstellten Shops weitergeben.

Nehmen Sie ihre grid example:

Ext.create('Ext.data.Store', { 
    fields:[ 'name', 'email', 'phone'], 
    data: [ 
     { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, 
     { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' }, 
     { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' }, 
     { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' } 
    ] 
}); 

Ext.create('Ext.grid.Panel', { 
    title: 'Simpsons', 
    store: Ext.data.StoreManager.lookup('simpsonsStore'), 
    columns: [ 
     { text: 'Name', dataIndex: 'name' }, 
     { text: 'Email', dataIndex: 'email', flex: 1 }, 
     { text: 'Phone', dataIndex: 'phone' } 
    ], 
    height: 200, 
    width: 400, 
    renderTo: Ext.getBody() 
}); 

Es neu geschrieben werden kann, so dass das Geschäft nicht global erreichbar ist, da der Filialleiter ein globales Singleton ist.

var store = Ext.create('Ext.data.Store', { 
    storeId: 'simpsonsStore', 
    fields:[ 'name', 'email', 'phone'], 
    data: [ 
     { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, 
     { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' }, 
     { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' }, 
     { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' } 
    ] 
}); 

Ext.create('Ext.grid.Panel', { 
    title: 'Simpsons', 
    store: store, 
    columns: [ 
     { text: 'Name', dataIndex: 'name' }, 
     { text: 'Email', dataIndex: 'email', flex: 1 }, 
     { text: 'Phone', dataIndex: 'phone' } 
    ], 
    height: 200, 
    width: 400, 
    renderTo: Ext.getBody() 
});