What's basic difference between JsonStore and JsonReader in context to Ext.data?
I mean when I should go for JsonStore and when I should use JsonReader as for me both are providing same solution.
Actually they are two separate things. A Ext.data.JsonReader
reads a given JSON object and returns data records (Ext.data.Record
objects) that are later stored by the respective data store.
The Ext.data.Store
is the base class for all Ext storages and uses helper objects for retrieving data (Ext.data.DataProxy
), for writing data (Ext.data.DataWriter
) and for reading data (Ext.data.DataReader
). These base classes come in different flavors such as:
This all builds up to a very extendable component that allows the developer to configure exactly what he needs to tweak. To make it easier for developers (especially new ones) Ext comes with some pre-configured data stores:
Ext.data.ArrayStore
to make reading from simple Javascript arrays easierExt.data.DirectStore
, just a store preconfigured with an Ext.data.DirectProxy
and an Ext.data.JsonReader
Ext.data.JsonStore
, just a store preconfigured with an Ext.data.JsonReader
Ext.data.XmlStore
, just a store preconfigured with an Ext.data.XmlReader
So actually a Ext.data.JsonStore
is just a convenience class to make it easier for the developer.
The following two snippets will create the same (or comparable) stores:
var store = new Ext.data.JsonStore({
url: 'get-images.php',
root: 'images',
idProperty: 'name',
fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date'}]
});
// or
var store = new Ext.data.Store({
url: 'get-images.php',
reader: new Ext.data.JsonReader({
root: 'images',
idProperty: 'name',
fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date'}]
});
});