docs/source/ArrayStore.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5   <title>The source code</title>
   6   <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../prettify/prettify.js"></script>
   8   <style type="text/css">
   9     .highlight { display: block; background-color: #ddd; }
  10   </style>
  11   <script type="text/javascript">
  12     function highlight() {
  13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14     }
  15   </script>
  16 </head>
  17 <body onload="prettyPrint(); highlight();">
  18   <pre class="prettyprint lang-js"><span id='Ext-data-ArrayStore'>/**
  19 </span> * @author Ed Spencer
  20  *
  21  * Small helper class to make creating {@link Ext.data.Store}s from Array data easier. An ArrayStore will be
  22  * automatically configured with a {@link Ext.data.reader.Array}.
  23  *
  24  * A store configuration would be something like:
  25  *
  26  *     var store = Ext.create('Ext.data.ArrayStore', {
  27  *         // store configs
  28  *         autoDestroy: true,
  29  *         storeId: 'myStore',
  30  *         // reader configs
  31  *         idIndex: 0,
  32  *         fields: [
  33  *            'company',
  34  *            {name: 'price', type: 'float'},
  35  *            {name: 'change', type: 'float'},
  36  *            {name: 'pctChange', type: 'float'},
  37  *            {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
  38  *         ]
  39  *     });
  40  *
  41  * This store is configured to consume a returned object of the form:
  42  *
  43  *     var myData = [
  44  *         ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
  45  *         ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
  46  *         ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
  47  *         ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
  48  *         ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
  49  *     ];
  50  *
  51  * An object literal of this form could also be used as the {@link #data} config option.
  52  *
  53  * **Note:** Although not listed here, this class accepts all of the configuration options of
  54  * **{@link Ext.data.reader.Array ArrayReader}**.
  55  */
  56 Ext.define('Ext.data.ArrayStore', {
  57     extend: 'Ext.data.Store',
  58     alias: 'store.array',
  59     uses: ['Ext.data.reader.Array'],
  60
  61     constructor: function(config) {
  62         config = config || {};
  63
  64         Ext.applyIf(config, {
  65             proxy: {
  66                 type: 'memory',
  67                 reader: 'array'
  68             }
  69         });
  70
  71         this.callParent([config]);
  72     },
  73
  74     loadData: function(data, append) {
  75         if (this.expandData === true) {
  76             var r = [],
  77                 i = 0,
  78                 ln = data.length;
  79
  80             for (; i &lt; ln; i++) {
  81                 r[r.length] = [data[i]];
  82             }
  83
  84             data = r;
  85         }
  86
  87         this.callParent([data, append]);
  88     }
  89 }, function() {
  90     // backwards compat
  91     Ext.data.SimpleStore = Ext.data.ArrayStore;
  92     // Ext.reg('simplestore', Ext.data.SimpleStore);
  93 });
  94 </pre>
  95 </body>
  96 </html>