Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / source / JsonStore.html
index 4ee2a2c..a5c445e 100644 (file)
@@ -1,53 +1,88 @@
-<html>\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
-  <title>The source code</title>\r
-    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
-    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body  onload="prettyPrint();">\r
-    <pre class="prettyprint lang-js"><div id="cls-Ext.data.JsonStore"></div>/**
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../prettify/prettify.js"></script>
+  <style type="text/css">
+    .highlight { display: block; background-color: #ddd; }
+  </style>
+  <script type="text/javascript">
+    function highlight() {
+      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+    }
+  </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-data-JsonStore-method-constructor'><span id='Ext-data-JsonStore'>/**
+</span></span> * @author Ed Spencer
  * @class Ext.data.JsonStore
  * @extends Ext.data.Store
  * @class Ext.data.JsonStore
  * @extends Ext.data.Store
- * <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.JsonReader}.</p>
- * <p>A store configuration would be something like:<pre><code>
+ * @ignore
+ *
+ * &lt;p&gt;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}.&lt;/p&gt;
+ *
+ * &lt;p&gt;A store configuration would be something like:&lt;/p&gt;
+ *
+&lt;pre&gt;&lt;code&gt;
 var store = new Ext.data.JsonStore({
     // store configs
     autoDestroy: true,
 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'}]
 });
     fields: ['name', 'url', {name:'size', type: 'float'}, {name:'lastmod', type:'date'}]
 });
- * </code></pre></p>
- * <p>This store is configured to consume a returned object of the form:<pre><code>
+&lt;/code&gt;&lt;/pre&gt;
+ *
+ * &lt;p&gt;This store is configured to consume a returned object of the form:&lt;pre&gt;&lt;code&gt;
 {
     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)}
     ]
 }
 {
     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)}
     ]
 }
- * </code></pre>
- * An object literal of this form could also be used as the {@link #data} config option.</p>
- * <p><b>*Note:</b> Although not listed here, this class accepts all of the configuration options of
- * <b>{@link Ext.data.JsonReader JsonReader}</b>.</p>
+&lt;/code&gt;&lt;/pre&gt;
+ *
+ * &lt;p&gt;An object literal of this form could also be used as the {@link #data} config option.&lt;/p&gt;
+ *
  * @constructor
  * @param {Object} config
  * @xtype jsonstore
  */
  * @constructor
  * @param {Object} config
  * @xtype jsonstore
  */
-Ext.data.JsonStore = Ext.extend(Ext.data.Store, {
-    <div id="cfg-Ext.data.JsonStore-reader"></div>/**
-     * @cfg {Ext.data.DataReader} reader @hide
+Ext.define('Ext.data.JsonStore',  {
+    extend: 'Ext.data.Store',
+    alias: 'store.json',
+
+<span id='Ext-data-JsonStore-cfg-reader'>    /**
+</span>     * @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);</pre>    \r
-</body>\r
-</html>
\ No newline at end of file
+</pre>
+</body>
+</html>