X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/source/JsonStore.html?ds=inline diff --git a/docs/source/JsonStore.html b/docs/source/JsonStore.html index 4ee2a2c9..a5c445e0 100644 --- a/docs/source/JsonStore.html +++ b/docs/source/JsonStore.html @@ -1,53 +1,88 @@ - -
- -/** + + + + ++ +The source code + + + + + + +/** + * @author Ed Spencer * @class Ext.data.JsonStore * @extends Ext.data.Store - *- - \ No newline at end of file +Small helper class to make creating {@link Ext.data.Store}s from JSON data easier. - * A JsonStore will be automatically configured with a {@link Ext.data.JsonReader}.
- *A store configuration would be something like:
- *+ * @ignore + * + * <p>Small helper class to make creating {@link Ext.data.Store}s from JSON data easier. + * A JsonStore will be automatically configured with a {@link Ext.data.reader.Json}.</p> + * + * <p>A store configuration would be something like:</p> + * +<pre><code> var store = new Ext.data.JsonStore({ // store configs autoDestroy: true, - url: 'get-images.php', - storeId: 'myStore', - // reader configs - root: 'images', - idProperty: 'name', + storeId: 'myStore' + + proxy: { + type: 'ajax', + url: 'get-images.php', + reader: { + type: 'json', + root: 'images', + idProperty: 'name' + } + }, + + //alternatively, a {@link Ext.data.Model} name can be given (see {@link Ext.data.Store} for an example) fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date'}] }); - *
This store is configured to consume a returned object of the form:
- * An object literal of this form could also be used as the {@link #data} config option. - *+</code></pre> + * + * <p>This store is configured to consume a returned object of the form:<pre><code> { images: [ {name: 'Image one', url:'/GetImage.php?id=1', size:46.5, lastmod: new Date(2007, 10, 29)}, {name: 'Image Two', url:'/GetImage.php?id=2', size:43.2, lastmod: new Date(2007, 10, 30)} ] } - *
*Note: Although not listed here, this class accepts all of the configuration options of - * {@link Ext.data.JsonReader JsonReader}.
+</code></pre> + * + * <p>An object literal of this form could also be used as the {@link #data} config option.</p> + * * @constructor * @param {Object} config * @xtype jsonstore */ -Ext.data.JsonStore = Ext.extend(Ext.data.Store, { - /** - * @cfg {Ext.data.DataReader} reader @hide +Ext.define('Ext.data.JsonStore', { + extend: 'Ext.data.Store', + alias: 'store.json', + + /** + * @cfg {Ext.data.DataReader} reader @hide */ - constructor: function(config){ - Ext.data.JsonStore.superclass.constructor.call(this, Ext.apply(config, { - reader: new Ext.data.JsonReader(config) - })); + constructor: function(config) { + config = config || {}; + + Ext.applyIf(config, { + proxy: { + type : 'ajax', + reader: 'json', + writer: 'json' + } + }); + + this.callParent([config]); } }); -Ext.reg('jsonstore', Ext.data.JsonStore);