docs/source/Store.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>The source code</title>
   5     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
   6     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
   7 </head>
   8 <body  onload="prettyPrint();">
   9     <pre class="prettyprint lang-js">/*!
  10  * Ext JS Library 3.2.0
  11  * Copyright(c) 2006-2010 Ext JS, Inc.
  12  * licensing@extjs.com
  13  * http://www.extjs.com/license
  14  */
  15 <div id="cls-Ext.data.Store"></div>/**
  16  * @class Ext.data.Store
  17  * @extends Ext.util.Observable
  18  * <p>The Store class encapsulates a client side cache of {@link Ext.data.Record Record}
  19  * objects which provide input data for Components such as the {@link Ext.grid.GridPanel GridPanel},
  20  * the {@link Ext.form.ComboBox ComboBox}, or the {@link Ext.DataView DataView}.</p>
  21  * <p><u>Retrieving Data</u></p>
  22  * <p>A Store object may access a data object using:<div class="mdetail-params"><ul>
  23  * <li>{@link #proxy configured implementation} of {@link Ext.data.DataProxy DataProxy}</li>
  24  * <li>{@link #data} to automatically pass in data</li>
  25  * <li>{@link #loadData} to manually pass in data</li>
  26  * </ul></div></p>
  27  * <p><u>Reading Data</u></p>
  28  * <p>A Store object has no inherent knowledge of the format of the data object (it could be
  29  * an Array, XML, or JSON). A Store object uses an appropriate {@link #reader configured implementation}
  30  * of a {@link Ext.data.DataReader DataReader} to create {@link Ext.data.Record Record} instances from the data
  31  * object.</p>
  32  * <p><u>Store Types</u></p>
  33  * <p>There are several implementations of Store available which are customized for use with
  34  * a specific DataReader implementation.  Here is an example using an ArrayStore which implicitly
  35  * creates a reader commensurate to an Array data object.</p>
  36  * <pre><code>
  37 var myStore = new Ext.data.ArrayStore({
  38     fields: ['fullname', 'first'],
  39     idIndex: 0 // id for each record will be the first element
  40 });
  41  * </code></pre>
  42  * <p>For custom implementations create a basic {@link Ext.data.Store} configured as needed:</p>
  43  * <pre><code>
  44 // create a {@link Ext.data.Record Record} constructor:
  45 var rt = Ext.data.Record.create([
  46     {name: 'fullname'},
  47     {name: 'first'}
  48 ]);
  49 var myStore = new Ext.data.Store({
  50     // explicitly create reader
  51     reader: new Ext.data.ArrayReader(
  52         {
  53             idIndex: 0  // id for each record will be the first element
  54         },
  55         rt // recordType
  56     )
  57 });
  58  * </code></pre>
  59  * <p>Load some data into store (note the data object is an array which corresponds to the reader):</p>
  60  * <pre><code>
  61 var myData = [
  62     [1, 'Fred Flintstone', 'Fred'],  // note that id for the record is the first element
  63     [2, 'Barney Rubble', 'Barney']
  64 ];
  65 myStore.loadData(myData);
  66  * </code></pre>
  67  * <p>Records are cached and made available through accessor functions.  An example of adding
  68  * a record to the store:</p>
  69  * <pre><code>
  70 var defaultData = {
  71     fullname: 'Full Name',
  72     first: 'First Name'
  73 };
  74 var recId = 100; // provide unique id for the record
  75 var r = new myStore.recordType(defaultData, ++recId); // create new record
  76 myStore.{@link #insert}(0, r); // insert a new record into the store (also see {@link #add})
  77  * </code></pre>
  78  * <p><u>Writing Data</u></p>
  79  * <p>And <b>new in Ext version 3</b>, use the new {@link Ext.data.DataWriter DataWriter} to create an automated, <a href="http://extjs.com/deploy/dev/examples/writer/writer.html">Writable Store</a>
  80  * along with <a href="http://extjs.com/deploy/dev/examples/restful/restful.html">RESTful features.</a>
  81  * @constructor
  82  * Creates a new Store.
  83  * @param {Object} config A config object containing the objects needed for the Store to access data,
  84  * and read the data into Records.
  85  * @xtype store
  86  */
  87 Ext.data.Store = Ext.extend(Ext.util.Observable, {
  88     <div id="cfg-Ext.data.Store-storeId"></div>/**
  89      * @cfg {String} storeId If passed, the id to use to register with the <b>{@link Ext.StoreMgr StoreMgr}</b>.
  90      * <p><b>Note</b>: if a (deprecated) <tt>{@link #id}</tt> is specified it will supersede the <tt>storeId</tt>
  91      * assignment.</p>
  92      */
  93     <div id="cfg-Ext.data.Store-url"></div>/**
  94      * @cfg {String} url If a <tt>{@link #proxy}</tt> is not specified the <tt>url</tt> will be used to
  95      * implicitly configure a {@link Ext.data.HttpProxy HttpProxy} if an <tt>url</tt> is specified.
  96      * Typically this option, or the <code>{@link #data}</code> option will be specified.
  97      */
  98     <div id="cfg-Ext.data.Store-autoLoad"></div>/**
  99      * @cfg {Boolean/Object} autoLoad If <tt>{@link #data}</tt> is not specified, and if <tt>autoLoad</tt>
 100      * is <tt>true</tt> or an <tt>Object</tt>, this store's {@link #load} method is automatically called
 101      * after creation. If the value of <tt>autoLoad</tt> is an <tt>Object</tt>, this <tt>Object</tt> will
 102      * be passed to the store's {@link #load} method.
 103      */
 104     <div id="cfg-Ext.data.Store-proxy"></div>/**
 105      * @cfg {Ext.data.DataProxy} proxy The {@link Ext.data.DataProxy DataProxy} object which provides
 106      * access to a data object.  See <code>{@link #url}</code>.
 107      */
 108     <div id="cfg-Ext.data.Store-data"></div>/**
 109      * @cfg {Array} data An inline data object readable by the <code>{@link #reader}</code>.
 110      * Typically this option, or the <code>{@link #url}</code> option will be specified.
 111      */
 112     <div id="cfg-Ext.data.Store-reader"></div>/**
 113      * @cfg {Ext.data.DataReader} reader The {@link Ext.data.DataReader Reader} object which processes the
 114      * data object and returns an Array of {@link Ext.data.Record} objects which are cached keyed by their
 115      * <b><tt>{@link Ext.data.Record#id id}</tt></b> property.
 116      */
 117     <div id="cfg-Ext.data.Store-writer"></div>/**
 118      * @cfg {Ext.data.DataWriter} writer
 119      * <p>The {@link Ext.data.DataWriter Writer} object which processes a record object for being written
 120      * to the server-side database.</p>
 121      * <br><p>When a writer is installed into a Store the {@link #add}, {@link #remove}, and {@link #update}
 122      * events on the store are monitored in order to remotely {@link #createRecords create records},
 123      * {@link #destroyRecord destroy records}, or {@link #updateRecord update records}.</p>
 124      * <br><p>The proxy for this store will relay any {@link #writexception} events to this store.</p>
 125      * <br><p>Sample implementation:
 126      * <pre><code>
 127 var writer = new {@link Ext.data.JsonWriter}({
 128     encode: true,
 129     writeAllFields: true // write all fields, not just those that changed
 130 });
 131
 132 // Typical Store collecting the Proxy, Reader and Writer together.
 133 var store = new Ext.data.Store({
 134     storeId: 'user',
 135     root: 'records',
 136     proxy: proxy,
 137     reader: reader,
 138     writer: writer,     // <-- plug a DataWriter into the store just as you would a Reader
 139     paramsAsHash: true,
 140     autoSave: false    // <-- false to delay executing create, update, destroy requests
 141                         //     until specifically told to do so.
 142 });
 143      * </code></pre></p>
 144      */
 145     writer : undefined,
 146     <div id="cfg-Ext.data.Store-baseParams"></div>/**
 147      * @cfg {Object} baseParams
 148      * <p>An object containing properties which are to be sent as parameters
 149      * for <i>every</i> HTTP request.</p>
 150      * <p>Parameters are encoded as standard HTTP parameters using {@link Ext#urlEncode}.</p>
 151      * <p><b>Note</b>: <code>baseParams</code> may be superseded by any <code>params</code>
 152      * specified in a <code>{@link #load}</code> request, see <code>{@link #load}</code>
 153      * for more details.</p>
 154      * This property may be modified after creation using the <code>{@link #setBaseParam}</code>
 155      * method.
 156      * @property
 157      */
 158     <div id="cfg-Ext.data.Store-sortInfo"></div>/**
 159      * @cfg {Object} sortInfo A config object to specify the sort order in the request of a Store's
 160      * {@link #load} operation.  Note that for local sorting, the <tt>direction</tt> property is
 161      * case-sensitive. See also {@link #remoteSort} and {@link #paramNames}.
 162      * For example:<pre><code>
 163 sortInfo: {
 164     field: 'fieldName',
 165     direction: 'ASC' // or 'DESC' (case sensitive for local sorting)
 166 }
 167 </code></pre>
 168      */
 169     <div id="cfg-Ext.data.Store-remoteSort"></div>/**
 170      * @cfg {boolean} remoteSort <tt>true</tt> if sorting is to be handled by requesting the <tt>{@link #proxy Proxy}</tt>
 171      * to provide a refreshed version of the data object in sorted order, as opposed to sorting the Record cache
 172      * in place (defaults to <tt>false</tt>).
 173      * <p>If <tt>remoteSort</tt> is <tt>true</tt>, then clicking on a {@link Ext.grid.Column Grid Column}'s
 174      * {@link Ext.grid.Column#header header} causes the current page to be requested from the server appending
 175      * the following two parameters to the <b><tt>{@link #load params}</tt></b>:<div class="mdetail-params"><ul>
 176      * <li><b><tt>sort</tt></b> : String<p class="sub-desc">The <tt>name</tt> (as specified in the Record's
 177      * {@link Ext.data.Field Field definition}) of the field to sort on.</p></li>
 178      * <li><b><tt>dir</tt></b> : String<p class="sub-desc">The direction of the sort, 'ASC' or 'DESC' (case-sensitive).</p></li>
 179      * </ul></div></p>
 180      */
 181     remoteSort : false,
 182
 183     <div id="cfg-Ext.data.Store-autoDestroy"></div>/**
 184      * @cfg {Boolean} autoDestroy <tt>true</tt> to destroy the store when the component the store is bound
 185      * to is destroyed (defaults to <tt>false</tt>).
 186      * <p><b>Note</b>: this should be set to true when using stores that are bound to only 1 component.</p>
 187      */
 188     autoDestroy : false,
 189
 190     <div id="cfg-Ext.data.Store-pruneModifiedRecords"></div>/**
 191      * @cfg {Boolean} pruneModifiedRecords <tt>true</tt> to clear all modified record information each time
 192      * the store is loaded or when a record is removed (defaults to <tt>false</tt>). See {@link #getModifiedRecords}
 193      * for the accessor method to retrieve the modified records.
 194      */
 195     pruneModifiedRecords : false,
 196
 197     <div id="prop-Ext.data.Store-lastOptions"></div>/**
 198      * Contains the last options object used as the parameter to the {@link #load} method. See {@link #load}
 199      * for the details of what this may contain. This may be useful for accessing any params which were used
 200      * to load the current Record cache.
 201      * @property
 202      */
 203     lastOptions : null,
 204
 205     <div id="cfg-Ext.data.Store-autoSave"></div>/**
 206      * @cfg {Boolean} autoSave
 207      * <p>Defaults to <tt>true</tt> causing the store to automatically {@link #save} records to
 208      * the server when a record is modified (ie: becomes 'dirty'). Specify <tt>false</tt> to manually call {@link #save}
 209      * to send all modifiedRecords to the server.</p>
 210      * <br><p><b>Note</b>: each CRUD action will be sent as a separate request.</p>
 211      */
 212     autoSave : true,
 213
 214     <div id="cfg-Ext.data.Store-batch"></div>/**
 215      * @cfg {Boolean} batch
 216      * <p>Defaults to <tt>true</tt> (unless <code>{@link #restful}:true</code>). Multiple
 217      * requests for each CRUD action (CREATE, READ, UPDATE and DESTROY) will be combined
 218      * and sent as one transaction. Only applies when <code>{@link #autoSave}</code> is set
 219      * to <tt>false</tt>.</p>
 220      * <br><p>If Store is RESTful, the DataProxy is also RESTful, and a unique transaction is
 221      * generated for each record.</p>
 222      */
 223     batch : true,
 224
 225     <div id="cfg-Ext.data.Store-restful"></div>/**
 226      * @cfg {Boolean} restful
 227      * Defaults to <tt>false</tt>.  Set to <tt>true</tt> to have the Store and the set
 228      * Proxy operate in a RESTful manner. The store will automatically generate GET, POST,
 229      * PUT and DELETE requests to the server. The HTTP method used for any given CRUD
 230      * action is described in {@link Ext.data.Api#restActions}.  For additional information
 231      * see {@link Ext.data.DataProxy#restful}.
 232      * <p><b>Note</b>: if <code>{@link #restful}:true</code> <code>batch</code> will
 233      * internally be set to <tt>false</tt>.</p>
 234      */
 235     restful: false,
 236
 237     <div id="cfg-Ext.data.Store-paramNames"></div>/**
 238      * @cfg {Object} paramNames
 239      * <p>An object containing properties which specify the names of the paging and
 240      * sorting parameters passed to remote servers when loading blocks of data. By default, this
 241      * object takes the following form:</p><pre><code>
 242 {
 243     start : 'start',  // The parameter name which specifies the start row
 244     limit : 'limit',  // The parameter name which specifies number of rows to return
 245     sort : 'sort',    // The parameter name which specifies the column to sort on
 246     dir : 'dir'       // The parameter name which specifies the sort direction
 247 }
 248 </code></pre>
 249      * <p>The server must produce the requested data block upon receipt of these parameter names.
 250      * If different parameter names are required, this property can be overriden using a configuration
 251      * property.</p>
 252      * <p>A {@link Ext.PagingToolbar PagingToolbar} bound to this Store uses this property to determine
 253      * the parameter names to use in its {@link #load requests}.
 254      */
 255     paramNames : undefined,
 256
 257     <div id="cfg-Ext.data.Store-defaultParamNames"></div>/**
 258      * @cfg {Object} defaultParamNames
 259      * Provides the default values for the {@link #paramNames} property. To globally modify the parameters
 260      * for all stores, this object should be changed on the store prototype.
 261      */
 262     defaultParamNames : {
 263         start : 'start',
 264         limit : 'limit',
 265         sort : 'sort',
 266         dir : 'dir'
 267     },
 268
 269     <div id="prop-Ext.data.Store-isDestroyed"></div>/**
 270      * @property isDestroyed
 271      * @type Boolean
 272      * True if the store has been destroyed already. Read only
 273      */
 274     isDestroyed: false,
 275
 276     <div id="prop-Ext.data.Store-hasMultiSort"></div>/**
 277      * @property hasMultiSort
 278      * @type Boolean
 279      * True if this store is currently sorted by more than one field/direction combination.
 280      */
 281     hasMultiSort: false,
 282
 283     // private
 284     batchKey : '_ext_batch_',
 285
 286     constructor : function(config){
 287         this.data = new Ext.util.MixedCollection(false);
 288         this.data.getKey = function(o){
 289             return o.id;
 290         };
 291
 292
 293         // temporary removed-records cache
 294         this.removed = [];
 295
 296         if(config && config.data){
 297             this.inlineData = config.data;
 298             delete config.data;
 299         }
 300
 301         Ext.apply(this, config);
 302
 303         <div id="prop-Ext.data.Store-baseParams"></div>/**
 304          * See the <code>{@link #baseParams corresponding configuration option}</code>
 305          * for a description of this property.
 306          * To modify this property see <code>{@link #setBaseParam}</code>.
 307          * @property
 308          */
 309         this.baseParams = Ext.isObject(this.baseParams) ? this.baseParams : {};
 310
 311         this.paramNames = Ext.applyIf(this.paramNames || {}, this.defaultParamNames);
 312
 313         if((this.url || this.api) && !this.proxy){
 314             this.proxy = new Ext.data.HttpProxy({url: this.url, api: this.api});
 315         }
 316         // If Store is RESTful, so too is the DataProxy
 317         if (this.restful === true && this.proxy) {
 318             // When operating RESTfully, a unique transaction is generated for each record.
 319             // TODO might want to allow implemention of faux REST where batch is possible using RESTful routes only.
 320             this.batch = false;
 321             Ext.data.Api.restify(this.proxy);
 322         }
 323
 324         if(this.reader){ // reader passed
 325             if(!this.recordType){
 326                 this.recordType = this.reader.recordType;
 327             }
 328             if(this.reader.onMetaChange){
 329                 this.reader.onMetaChange = this.reader.onMetaChange.createSequence(this.onMetaChange, this);
 330             }
 331             if (this.writer) { // writer passed
 332                 if (this.writer instanceof(Ext.data.DataWriter) === false) {    // <-- config-object instead of instance.
 333                     this.writer = this.buildWriter(this.writer);
 334                 }
 335                 this.writer.meta = this.reader.meta;
 336                 this.pruneModifiedRecords = true;
 337             }
 338         }
 339
 340         <div id="prop-Ext.data.Store-recordType"></div>/**
 341          * The {@link Ext.data.Record Record} constructor as supplied to (or created by) the
 342          * {@link Ext.data.DataReader Reader}. Read-only.
 343          * <p>If the Reader was constructed by passing in an Array of {@link Ext.data.Field} definition objects,
 344          * instead of a Record constructor, it will implicitly create a Record constructor from that Array (see
 345          * {@link Ext.data.Record}.{@link Ext.data.Record#create create} for additional details).</p>
 346          * <p>This property may be used to create new Records of the type held in this Store, for example:</p><pre><code>
 347     // create the data store
 348     var store = new Ext.data.ArrayStore({
 349         autoDestroy: true,
 350         fields: [
 351            {name: 'company'},
 352            {name: 'price', type: 'float'},
 353            {name: 'change', type: 'float'},
 354            {name: 'pctChange', type: 'float'},
 355            {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
 356         ]
 357     });
 358     store.loadData(myData);
 359
 360     // create the Grid
 361     var grid = new Ext.grid.EditorGridPanel({
 362         store: store,
 363         colModel: new Ext.grid.ColumnModel({
 364             columns: [
 365                 {id:'company', header: 'Company', width: 160, dataIndex: 'company'},
 366                 {header: 'Price', renderer: 'usMoney', dataIndex: 'price'},
 367                 {header: 'Change', renderer: change, dataIndex: 'change'},
 368                 {header: '% Change', renderer: pctChange, dataIndex: 'pctChange'},
 369                 {header: 'Last Updated', width: 85,
 370                     renderer: Ext.util.Format.dateRenderer('m/d/Y'),
 371                     dataIndex: 'lastChange'}
 372             ],
 373             defaults: {
 374                 sortable: true,
 375                 width: 75
 376             }
 377         }),
 378         autoExpandColumn: 'company', // match the id specified in the column model
 379         height:350,
 380         width:600,
 381         title:'Array Grid',
 382         tbar: [{
 383             text: 'Add Record',
 384             handler : function(){
 385                 var defaultData = {
 386                     change: 0,
 387                     company: 'New Company',
 388                     lastChange: (new Date()).clearTime(),
 389                     pctChange: 0,
 390                     price: 10
 391                 };
 392                 var recId = 3; // provide unique id
 393                 var p = new store.recordType(defaultData, recId); // create new record
 394                 grid.stopEditing();
 395                 store.{@link #insert}(0, p); // insert a new record into the store (also see {@link #add})
 396                 grid.startEditing(0, 0);
 397             }
 398         }]
 399     });
 400          * </code></pre>
 401          * @property recordType
 402          * @type Function
 403          */
 404
 405         if(this.recordType){
 406             <div id="prop-Ext.data.Store-fields"></div>/**
 407              * A {@link Ext.util.MixedCollection MixedCollection} containing the defined {@link Ext.data.Field Field}s
 408              * for the {@link Ext.data.Record Records} stored in this Store. Read-only.
 409              * @property fields
 410              * @type Ext.util.MixedCollection
 411              */
 412             this.fields = this.recordType.prototype.fields;
 413         }
 414         this.modified = [];
 415
 416         this.addEvents(
 417             <div id="event-Ext.data.Store-datachanged"></div>/**
 418              * @event datachanged
 419              * Fires when the data cache has changed in a bulk manner (e.g., it has been sorted, filtered, etc.) and a
 420              * widget that is using this Store as a Record cache should refresh its view.
 421              * @param {Store} this
 422              */
 423             'datachanged',
 424             <div id="event-Ext.data.Store-metachange"></div>/**
 425              * @event metachange
 426              * Fires when this store's reader provides new metadata (fields). This is currently only supported for JsonReaders.
 427              * @param {Store} this
 428              * @param {Object} meta The JSON metadata
 429              */
 430             'metachange',
 431             <div id="event-Ext.data.Store-add"></div>/**
 432              * @event add
 433              * Fires when Records have been {@link #add}ed to the Store
 434              * @param {Store} this
 435              * @param {Ext.data.Record[]} records The array of Records added
 436              * @param {Number} index The index at which the record(s) were added
 437              */
 438             'add',
 439             <div id="event-Ext.data.Store-remove"></div>/**
 440              * @event remove
 441              * Fires when a Record has been {@link #remove}d from the Store
 442              * @param {Store} this
 443              * @param {Ext.data.Record} record The Record that was removed
 444              * @param {Number} index The index at which the record was removed
 445              */
 446             'remove',
 447             <div id="event-Ext.data.Store-update"></div>/**
 448              * @event update
 449              * Fires when a Record has been updated
 450              * @param {Store} this
 451              * @param {Ext.data.Record} record The Record that was updated
 452              * @param {String} operation The update operation being performed.  Value may be one of:
 453              * <pre><code>
 454      Ext.data.Record.EDIT
 455      Ext.data.Record.REJECT
 456      Ext.data.Record.COMMIT
 457              * </code></pre>
 458              */
 459             'update',
 460             <div id="event-Ext.data.Store-clear"></div>/**
 461              * @event clear
 462              * Fires when the data cache has been cleared.
 463              * @param {Store} this
 464              * @param {Record[]} The records that were cleared.
 465              */
 466             'clear',
 467             <div id="event-Ext.data.Store-exception"></div>/**
 468              * @event exception
 469              * <p>Fires if an exception occurs in the Proxy during a remote request.
 470              * This event is relayed through the corresponding {@link Ext.data.DataProxy}.
 471              * See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#exception exception}
 472              * for additional details.
 473              * @param {misc} misc See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#exception exception}
 474              * for description.
 475              */
 476             'exception',
 477             <div id="event-Ext.data.Store-beforeload"></div>/**
 478              * @event beforeload
 479              * Fires before a request is made for a new data object.  If the beforeload handler returns
 480              * <tt>false</tt> the {@link #load} action will be canceled.
 481              * @param {Store} this
 482              * @param {Object} options The loading options that were specified (see {@link #load} for details)
 483              */
 484             'beforeload',
 485             <div id="event-Ext.data.Store-load"></div>/**
 486              * @event load
 487              * Fires after a new set of Records has been loaded.
 488              * @param {Store} this
 489              * @param {Ext.data.Record[]} records The Records that were loaded
 490              * @param {Object} options The loading options that were specified (see {@link #load} for details)
 491              */
 492             'load',
 493             <div id="event-Ext.data.Store-loadexception"></div>/**
 494              * @event loadexception
 495              * <p>This event is <b>deprecated</b> in favor of the catch-all <b><code>{@link #exception}</code></b>
 496              * event instead.</p>
 497              * <p>This event is relayed through the corresponding {@link Ext.data.DataProxy}.
 498              * See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#loadexception loadexception}
 499              * for additional details.
 500              * @param {misc} misc See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#loadexception loadexception}
 501              * for description.
 502              */
 503             'loadexception',
 504             <div id="event-Ext.data.Store-beforewrite"></div>/**
 505              * @event beforewrite
 506              * @param {Ext.data.Store} store
 507              * @param {String} action [Ext.data.Api.actions.create|update|destroy]
 508              * @param {Record/Record[]} rs The Record(s) being written.
 509              * @param {Object} options The loading options that were specified. Edit <code>options.params</code> to add Http parameters to the request.  (see {@link #save} for details)
 510              * @param {Object} arg The callback's arg object passed to the {@link #request} function
 511              */
 512             'beforewrite',
 513             <div id="event-Ext.data.Store-write"></div>/**
 514              * @event write
 515              * Fires if the server returns 200 after an Ext.data.Api.actions CRUD action.
 516              * Success of the action is determined in the <code>result['successProperty']</code>property (<b>NOTE</b> for RESTful stores,
 517              * a simple 20x response is sufficient for the actions "destroy" and "update".  The "create" action should should return 200 along with a database pk).
 518              * @param {Ext.data.Store} store
 519              * @param {String} action [Ext.data.Api.actions.create|update|destroy]
 520              * @param {Object} result The 'data' picked-out out of the response for convenience.
 521              * @param {Ext.Direct.Transaction} res
 522              * @param {Record/Record[]} rs Store's records, the subject(s) of the write-action
 523              */
 524             'write',
 525             <div id="event-Ext.data.Store-beforesave"></div>/**
 526              * @event beforesave
 527              * Fires before a save action is called. A save encompasses destroying records, updating records and creating records.
 528              * @param {Ext.data.Store} store
 529              * @param {Object} data An object containing the data that is to be saved. The object will contain a key for each appropriate action,
 530              * with an array of records for each action.
 531              */
 532             'beforesave',
 533             <div id="event-Ext.data.Store-save"></div>/**
 534              * @event save
 535              * Fires after a save is completed. A save encompasses destroying records, updating records and creating records.
 536              * @param {Ext.data.Store} store
 537              * @param {Number} batch The identifier for the batch that was saved.
 538              * @param {Object} data An object containing the data that is to be saved. The object will contain a key for each appropriate action,
 539              * with an array of records for each action.
 540              */
 541             'save'
 542
 543         );
 544
 545         if(this.proxy){
 546             // TODO remove deprecated loadexception with ext-3.0.1
 547             this.relayEvents(this.proxy,  ['loadexception', 'exception']);
 548         }
 549         // With a writer set for the Store, we want to listen to add/remove events to remotely create/destroy records.
 550         if (this.writer) {
 551             this.on({
 552                 scope: this,
 553                 add: this.createRecords,
 554                 remove: this.destroyRecord,
 555                 update: this.updateRecord,
 556                 clear: this.onClear
 557             });
 558         }
 559
 560         this.sortToggle = {};
 561         if(this.sortField){
 562             this.setDefaultSort(this.sortField, this.sortDir);
 563         }else if(this.sortInfo){
 564             this.setDefaultSort(this.sortInfo.field, this.sortInfo.direction);
 565         }
 566
 567         Ext.data.Store.superclass.constructor.call(this);
 568
 569         if(this.id){
 570             this.storeId = this.id;
 571             delete this.id;
 572         }
 573         if(this.storeId){
 574             Ext.StoreMgr.register(this);
 575         }
 576         if(this.inlineData){
 577             this.loadData(this.inlineData);
 578             delete this.inlineData;
 579         }else if(this.autoLoad){
 580             this.load.defer(10, this, [
 581                 typeof this.autoLoad == 'object' ?
 582                     this.autoLoad : undefined]);
 583         }
 584         // used internally to uniquely identify a batch
 585         this.batchCounter = 0;
 586         this.batches = {};
 587     },
 588
 589     /**
 590      * builds a DataWriter instance when Store constructor is provided with a writer config-object instead of an instace.
 591      * @param {Object} config Writer configuration
 592      * @return {Ext.data.DataWriter}
 593      * @private
 594      */
 595     buildWriter : function(config) {
 596         var klass = undefined,
 597             type = (config.format || 'json').toLowerCase();
 598         switch (type) {
 599             case 'json':
 600                 klass = Ext.data.JsonWriter;
 601                 break;
 602             case 'xml':
 603                 klass = Ext.data.XmlWriter;
 604                 break;
 605             default:
 606                 klass = Ext.data.JsonWriter;
 607         }
 608         return new klass(config);
 609     },
 610
 611     <div id="method-Ext.data.Store-destroy"></div>/**
 612      * Destroys the store.
 613      */
 614     destroy : function(){
 615         if(!this.isDestroyed){
 616             if(this.storeId){
 617                 Ext.StoreMgr.unregister(this);
 618             }
 619             this.clearData();
 620             this.data = null;
 621             Ext.destroy(this.proxy);
 622             this.reader = this.writer = null;
 623             this.purgeListeners();
 624             this.isDestroyed = true;
 625         }
 626     },
 627
 628     <div id="method-Ext.data.Store-add"></div>/**
 629      * Add Records to the Store and fires the {@link #add} event.  To add Records
 630      * to the store from a remote source use <code>{@link #load}({add:true})</code>.
 631      * See also <code>{@link #recordType}</code> and <code>{@link #insert}</code>.
 632      * @param {Ext.data.Record[]} records An Array of Ext.data.Record objects
 633      * to add to the cache. See {@link #recordType}.
 634      */
 635     add : function(records){
 636         records = [].concat(records);
 637         if(records.length < 1){
 638             return;
 639         }
 640         for(var i = 0, len = records.length; i < len; i++){
 641             records[i].join(this);
 642         }
 643         var index = this.data.length;
 644         this.data.addAll(records);
 645         if(this.snapshot){
 646             this.snapshot.addAll(records);
 647         }
 648         this.fireEvent('add', this, records, index);
 649     },
 650
 651     <div id="method-Ext.data.Store-addSorted"></div>/**
 652      * (Local sort only) Inserts the passed Record into the Store at the index where it
 653      * should go based on the current sort information.
 654      * @param {Ext.data.Record} record
 655      */
 656     addSorted : function(record){
 657         var index = this.findInsertIndex(record);
 658         this.insert(index, record);
 659     },
 660
 661     <div id="method-Ext.data.Store-remove"></div>/**
 662      * Remove Records from the Store and fires the {@link #remove} event.
 663      * @param {Ext.data.Record/Ext.data.Record[]} record The record object or array of records to remove from the cache.
 664      */
 665     remove : function(record){
 666         if(Ext.isArray(record)){
 667             Ext.each(record, function(r){
 668                 this.remove(r);
 669             }, this);
 670         }
 671         var index = this.data.indexOf(record);
 672         if(index > -1){
 673             record.join(null);
 674             this.data.removeAt(index);
 675         }
 676         if(this.pruneModifiedRecords){
 677             this.modified.remove(record);
 678         }
 679         if(this.snapshot){
 680             this.snapshot.remove(record);
 681         }
 682         if(index > -1){
 683             this.fireEvent('remove', this, record, index);
 684         }
 685     },
 686
 687     <div id="method-Ext.data.Store-removeAt"></div>/**
 688      * Remove a Record from the Store at the specified index. Fires the {@link #remove} event.
 689      * @param {Number} index The index of the record to remove.
 690      */
 691     removeAt : function(index){
 692         this.remove(this.getAt(index));
 693     },
 694
 695     <div id="method-Ext.data.Store-removeAll"></div>/**
 696      * Remove all Records from the Store and fires the {@link #clear} event.
 697      * @param {Boolean} silent [false] Defaults to <tt>false</tt>.  Set <tt>true</tt> to not fire clear event.
 698      */
 699     removeAll : function(silent){
 700         var items = [];
 701         this.each(function(rec){
 702             items.push(rec);
 703         });
 704         this.clearData();
 705         if(this.snapshot){
 706             this.snapshot.clear();
 707         }
 708         if(this.pruneModifiedRecords){
 709             this.modified = [];
 710         }
 711         if (silent !== true) {  // <-- prevents write-actions when we just want to clear a store.
 712             this.fireEvent('clear', this, items);
 713         }
 714     },
 715
 716     // private
 717     onClear: function(store, records){
 718         Ext.each(records, function(rec, index){
 719             this.destroyRecord(this, rec, index);
 720         }, this);
 721     },
 722
 723     <div id="method-Ext.data.Store-insert"></div>/**
 724      * Inserts Records into the Store at the given index and fires the {@link #add} event.
 725      * See also <code>{@link #add}</code> and <code>{@link #addSorted}</code>.
 726      * @param {Number} index The start index at which to insert the passed Records.
 727      * @param {Ext.data.Record[]} records An Array of Ext.data.Record objects to add to the cache.
 728      */
 729     insert : function(index, records){
 730         records = [].concat(records);
 731         for(var i = 0, len = records.length; i < len; i++){
 732             this.data.insert(index, records[i]);
 733             records[i].join(this);
 734         }
 735         if(this.snapshot){
 736             this.snapshot.addAll(records);
 737         }
 738         this.fireEvent('add', this, records, index);
 739     },
 740
 741     <div id="method-Ext.data.Store-indexOf"></div>/**
 742      * Get the index within the cache of the passed Record.
 743      * @param {Ext.data.Record} record The Ext.data.Record object to find.
 744      * @return {Number} The index of the passed Record. Returns -1 if not found.
 745      */
 746     indexOf : function(record){
 747         return this.data.indexOf(record);
 748     },
 749
 750     <div id="method-Ext.data.Store-indexOfId"></div>/**
 751      * Get the index within the cache of the Record with the passed id.
 752      * @param {String} id The id of the Record to find.
 753      * @return {Number} The index of the Record. Returns -1 if not found.
 754      */
 755     indexOfId : function(id){
 756         return this.data.indexOfKey(id);
 757     },
 758
 759     <div id="method-Ext.data.Store-getById"></div>/**
 760      * Get the Record with the specified id.
 761      * @param {String} id The id of the Record to find.
 762      * @return {Ext.data.Record} The Record with the passed id. Returns undefined if not found.
 763      */
 764     getById : function(id){
 765         return (this.snapshot || this.data).key(id);
 766     },
 767
 768     <div id="method-Ext.data.Store-getAt"></div>/**
 769      * Get the Record at the specified index.
 770      * @param {Number} index The index of the Record to find.
 771      * @return {Ext.data.Record} The Record at the passed index. Returns undefined if not found.
 772      */
 773     getAt : function(index){
 774         return this.data.itemAt(index);
 775     },
 776
 777     <div id="method-Ext.data.Store-getRange"></div>/**
 778      * Returns a range of Records between specified indices.
 779      * @param {Number} startIndex (optional) The starting index (defaults to 0)
 780      * @param {Number} endIndex (optional) The ending index (defaults to the last Record in the Store)
 781      * @return {Ext.data.Record[]} An array of Records
 782      */
 783     getRange : function(start, end){
 784         return this.data.getRange(start, end);
 785     },
 786
 787     // private
 788     storeOptions : function(o){
 789         o = Ext.apply({}, o);
 790         delete o.callback;
 791         delete o.scope;
 792         this.lastOptions = o;
 793     },
 794
 795     // private
 796     clearData: function(){
 797         this.data.each(function(rec) {
 798             rec.join(null);
 799         });
 800         this.data.clear();
 801     },
 802
 803     <div id="method-Ext.data.Store-load"></div>/**
 804      * <p>Loads the Record cache from the configured <tt>{@link #proxy}</tt> using the configured <tt>{@link #reader}</tt>.</p>
 805      * <br><p>Notes:</p><div class="mdetail-params"><ul>
 806      * <li><b><u>Important</u></b>: loading is asynchronous! This call will return before the new data has been
 807      * loaded. To perform any post-processing where information from the load call is required, specify
 808      * the <tt>callback</tt> function to be called, or use a {@link Ext.util.Observable#listeners a 'load' event handler}.</li>
 809      * <li>If using {@link Ext.PagingToolbar remote paging}, the first load call must specify the <tt>start</tt> and <tt>limit</tt>
 810      * properties in the <code>options.params</code> property to establish the initial position within the
 811      * dataset, and the number of Records to cache on each read from the Proxy.</li>
 812      * <li>If using {@link #remoteSort remote sorting}, the configured <code>{@link #sortInfo}</code>
 813      * will be automatically included with the posted parameters according to the specified
 814      * <code>{@link #paramNames}</code>.</li>
 815      * </ul></div>
 816      * @param {Object} options An object containing properties which control loading options:<ul>
 817      * <li><b><tt>params</tt></b> :Object<div class="sub-desc"><p>An object containing properties to pass as HTTP
 818      * parameters to a remote data source. <b>Note</b>: <code>params</code> will override any
 819      * <code>{@link #baseParams}</code> of the same name.</p>
 820      * <p>Parameters are encoded as standard HTTP parameters using {@link Ext#urlEncode}.</p></div></li>
 821      * <li><b>callback</b> : Function<div class="sub-desc"><p>A function to be called after the Records
 822      * have been loaded. The callback is called after the load event is fired, and is passed the following arguments:<ul>
 823      * <li>r : Ext.data.Record[] An Array of Records loaded.</li>
 824      * <li>options : Options object from the load call.</li>
 825      * <li>success : Boolean success indicator.</li></ul></p></div></li>
 826      * <li><b>scope</b> : Object<div class="sub-desc"><p>Scope with which to call the callback (defaults
 827      * to the Store object)</p></div></li>
 828      * <li><b>add</b> : Boolean<div class="sub-desc"><p>Indicator to append loaded records rather than
 829      * replace the current cache.  <b>Note</b>: see note for <tt>{@link #loadData}</tt></p></div></li>
 830      * </ul>
 831      * @return {Boolean} If the <i>developer</i> provided <tt>{@link #beforeload}</tt> event handler returns
 832      * <tt>false</tt>, the load call will abort and will return <tt>false</tt>; otherwise will return <tt>true</tt>.
 833      */
 834     load : function(options) {
 835         options = Ext.apply({}, options);
 836         this.storeOptions(options);
 837         if(this.sortInfo && this.remoteSort){
 838             var pn = this.paramNames;
 839             options.params = Ext.apply({}, options.params);
 840             options.params[pn.sort] = this.sortInfo.field;
 841             options.params[pn.dir] = this.sortInfo.direction;
 842         }
 843         try {
 844             return this.execute('read', null, options); // <-- null represents rs.  No rs for load actions.
 845         } catch(e) {
 846             this.handleException(e);
 847             return false;
 848         }
 849     },
 850
 851     /**
 852      * updateRecord  Should not be used directly.  This method will be called automatically if a Writer is set.
 853      * Listens to 'update' event.
 854      * @param {Object} store
 855      * @param {Object} record
 856      * @param {Object} action
 857      * @private
 858      */
 859     updateRecord : function(store, record, action) {
 860         if (action == Ext.data.Record.EDIT && this.autoSave === true && (!record.phantom || (record.phantom && record.isValid()))) {
 861             this.save();
 862         }
 863     },
 864
 865     /**
 866      * Should not be used directly.  Store#add will call this automatically if a Writer is set
 867      * @param {Object} store
 868      * @param {Object} rs
 869      * @param {Object} index
 870      * @private
 871      */
 872     createRecords : function(store, rs, index) {
 873         for (var i = 0, len = rs.length; i < len; i++) {
 874             if (rs[i].phantom && rs[i].isValid()) {
 875                 rs[i].markDirty();  // <-- Mark new records dirty
 876                 this.modified.push(rs[i]);  // <-- add to modified
 877             }
 878         }
 879         if (this.autoSave === true) {
 880             this.save();
 881         }
 882     },
 883
 884     /**
 885      * Destroys a Record.  Should not be used directly.  It's called by Store#remove if a Writer is set.
 886      * @param {Store} store this
 887      * @param {Ext.data.Record} record
 888      * @param {Number} index
 889      * @private
 890      */
 891     destroyRecord : function(store, record, index) {
 892         if (this.modified.indexOf(record) != -1) {  // <-- handled already if @cfg pruneModifiedRecords == true
 893             this.modified.remove(record);
 894         }
 895         if (!record.phantom) {
 896             this.removed.push(record);
 897
 898             // since the record has already been removed from the store but the server request has not yet been executed,
 899             // must keep track of the last known index this record existed.  If a server error occurs, the record can be
 900             // put back into the store.  @see Store#createCallback where the record is returned when response status === false
 901             record.lastIndex = index;
 902
 903             if (this.autoSave === true) {
 904                 this.save();
 905             }
 906         }
 907     },
 908
 909     /**
 910      * This method should generally not be used directly.  This method is called internally
 911      * by {@link #load}, or if a Writer is set will be called automatically when {@link #add},
 912      * {@link #remove}, or {@link #update} events fire.
 913      * @param {String} action Action name ('read', 'create', 'update', or 'destroy')
 914      * @param {Record/Record[]} rs
 915      * @param {Object} options
 916      * @throws Error
 917      * @private
 918      */
 919     execute : function(action, rs, options, /* private */ batch) {
 920         // blow up if action not Ext.data.CREATE, READ, UPDATE, DESTROY
 921         if (!Ext.data.Api.isAction(action)) {
 922             throw new Ext.data.Api.Error('execute', action);
 923         }
 924         // make sure options has a fresh, new params hash
 925         options = Ext.applyIf(options||{}, {
 926             params: {}
 927         });
 928         if(batch !== undefined){
 929             this.addToBatch(batch);
 930         }
 931         // have to separate before-events since load has a different signature than create,destroy and save events since load does not
 932         // include the rs (record resultset) parameter.  Capture return values from the beforeaction into doRequest flag.
 933         var doRequest = true;
 934
 935         if (action === 'read') {
 936             doRequest = this.fireEvent('beforeload', this, options);
 937             Ext.applyIf(options.params, this.baseParams);
 938         }
 939         else {
 940             // if Writer is configured as listful, force single-record rs to be [{}] instead of {}
 941             // TODO Move listful rendering into DataWriter where the @cfg is defined.  Should be easy now.
 942             if (this.writer.listful === true && this.restful !== true) {
 943                 rs = (Ext.isArray(rs)) ? rs : [rs];
 944             }
 945             // if rs has just a single record, shift it off so that Writer writes data as '{}' rather than '[{}]'
 946             else if (Ext.isArray(rs) && rs.length == 1) {
 947                 rs = rs.shift();
 948             }
 949             // Write the action to options.params
 950             if ((doRequest = this.fireEvent('beforewrite', this, action, rs, options)) !== false) {
 951                 this.writer.apply(options.params, this.baseParams, action, rs);
 952             }
 953         }
 954         if (doRequest !== false) {
 955             // Send request to proxy.
 956             if (this.writer && this.proxy.url && !this.proxy.restful && !Ext.data.Api.hasUniqueUrl(this.proxy, action)) {
 957                 options.params.xaction = action;    // <-- really old, probaby unecessary.
 958             }
 959             // Note:  Up until this point we've been dealing with 'action' as a key from Ext.data.Api.actions.
 960             // We'll flip it now and send the value into DataProxy#request, since it's the value which maps to
 961             // the user's configured DataProxy#api
 962             // TODO Refactor all Proxies to accept an instance of Ext.data.Request (not yet defined) instead of this looooooong list
 963             // of params.  This method is an artifact from Ext2.
 964             this.proxy.request(Ext.data.Api.actions[action], rs, options.params, this.reader, this.createCallback(action, rs, batch), this, options);
 965         }
 966         return doRequest;
 967     },
 968
 969     <div id="method-Ext.data.Store-save"></div>/**
 970      * Saves all pending changes to the store.  If the commensurate Ext.data.Api.actions action is not configured, then
 971      * the configured <code>{@link #url}</code> will be used.
 972      * <pre>
 973      * change            url
 974      * ---------------   --------------------
 975      * removed records   Ext.data.Api.actions.destroy
 976      * phantom records   Ext.data.Api.actions.create
 977      * {@link #getModifiedRecords modified records}  Ext.data.Api.actions.update
 978      * </pre>
 979      * @TODO:  Create extensions of Error class and send associated Record with thrown exceptions.
 980      * e.g.:  Ext.data.DataReader.Error or Ext.data.Error or Ext.data.DataProxy.Error, etc.
 981      * @return {Number} batch Returns a number to uniquely identify the "batch" of saves occurring. -1 will be returned
 982      * if there are no items to save or the save was cancelled.
 983      */
 984     save : function() {
 985         if (!this.writer) {
 986             throw new Ext.data.Store.Error('writer-undefined');
 987         }
 988
 989         var queue = [],
 990             len,
 991             trans,
 992             batch,
 993             data = {};
 994         // DESTROY:  First check for removed records.  Records in this.removed are guaranteed non-phantoms.  @see Store#remove
 995         if(this.removed.length){
 996             queue.push(['destroy', this.removed]);
 997         }
 998
 999         // Check for modified records. Use a copy so Store#rejectChanges will work if server returns error.
1000         var rs = [].concat(this.getModifiedRecords());
1001         if(rs.length){
1002             // CREATE:  Next check for phantoms within rs.  splice-off and execute create.
1003             var phantoms = [];
1004             for(var i = rs.length-1; i >= 0; i--){
1005                 if(rs[i].phantom === true){
1006                     var rec = rs.splice(i, 1).shift();
1007                     if(rec.isValid()){
1008                         phantoms.push(rec);
1009                     }
1010                 }else if(!rs[i].isValid()){ // <-- while we're here, splice-off any !isValid real records
1011                     rs.splice(i,1);
1012                 }
1013             }
1014             // If we have valid phantoms, create them...
1015             if(phantoms.length){
1016                 queue.push(['create', phantoms]);
1017             }
1018
1019             // UPDATE:  And finally, if we're still here after splicing-off phantoms and !isValid real records, update the rest...
1020             if(rs.length){
1021                 queue.push(['update', rs]);
1022             }
1023         }
1024         len = queue.length;
1025         if(len){
1026             batch = ++this.batchCounter;
1027             for(var i = 0; i < len; ++i){
1028                 trans = queue[i];
1029                 data[trans[0]] = trans[1];
1030             }
1031             if(this.fireEvent('beforesave', this, data) !== false){
1032                 for(var i = 0; i < len; ++i){
1033                     trans = queue[i];
1034                     this.doTransaction(trans[0], trans[1], batch);
1035                 }
1036                 return batch;
1037             }
1038         }
1039         return -1;
1040     },
1041
1042     // private.  Simply wraps call to Store#execute in try/catch.  Defers to Store#handleException on error.  Loops if batch: false
1043     doTransaction : function(action, rs, batch) {
1044         function transaction(records) {
1045             try{
1046                 this.execute(action, records, undefined, batch);
1047             }catch (e){
1048                 this.handleException(e);
1049             }
1050         }
1051         if(this.batch === false){
1052             for(var i = 0, len = rs.length; i < len; i++){
1053                 transaction.call(this, rs[i]);
1054             }
1055         }else{
1056             transaction.call(this, rs);
1057         }
1058     },
1059
1060     // private
1061     addToBatch : function(batch){
1062         var b = this.batches,
1063             key = this.batchKey + batch,
1064             o = b[key];
1065
1066         if(!o){
1067             b[key] = o = {
1068                 id: batch,
1069                 count: 0,
1070                 data: {}
1071             };
1072         }
1073         ++o.count;
1074     },
1075
1076     removeFromBatch : function(batch, action, data){
1077         var b = this.batches,
1078             key = this.batchKey + batch,
1079             o = b[key],
1080             data,
1081             arr;
1082
1083
1084         if(o){
1085             arr = o.data[action] || [];
1086             o.data[action] = arr.concat(data);
1087             if(o.count === 1){
1088                 data = o.data;
1089                 delete b[key];
1090                 this.fireEvent('save', this, batch, data);
1091             }else{
1092                 --o.count;
1093             }
1094         }
1095     },
1096
1097     // @private callback-handler for remote CRUD actions
1098     // Do not override -- override loadRecords, onCreateRecords, onDestroyRecords and onUpdateRecords instead.
1099     createCallback : function(action, rs, batch) {
1100         var actions = Ext.data.Api.actions;
1101         return (action == 'read') ? this.loadRecords : function(data, response, success) {
1102             // calls: onCreateRecords | onUpdateRecords | onDestroyRecords
1103             this['on' + Ext.util.Format.capitalize(action) + 'Records'](success, rs, [].concat(data));
1104             // If success === false here, exception will have been called in DataProxy
1105             if (success === true) {
1106                 this.fireEvent('write', this, action, data, response, rs);
1107             }
1108             this.removeFromBatch(batch, action, data);
1109         };
1110     },
1111
1112     // Clears records from modified array after an exception event.
1113     // NOTE:  records are left marked dirty.  Do we want to commit them even though they were not updated/realized?
1114     // TODO remove this method?
1115     clearModified : function(rs) {
1116         if (Ext.isArray(rs)) {
1117             for (var n=rs.length-1;n>=0;n--) {
1118                 this.modified.splice(this.modified.indexOf(rs[n]), 1);
1119             }
1120         } else {
1121             this.modified.splice(this.modified.indexOf(rs), 1);
1122         }
1123     },
1124
1125     // remap record ids in MixedCollection after records have been realized.  @see Store#onCreateRecords, @see DataReader#realize
1126     reMap : function(record) {
1127         if (Ext.isArray(record)) {
1128             for (var i = 0, len = record.length; i < len; i++) {
1129                 this.reMap(record[i]);
1130             }
1131         } else {
1132             delete this.data.map[record._phid];
1133             this.data.map[record.id] = record;
1134             var index = this.data.keys.indexOf(record._phid);
1135             this.data.keys.splice(index, 1, record.id);
1136             delete record._phid;
1137         }
1138     },
1139
1140     // @protected onCreateRecord proxy callback for create action
1141     onCreateRecords : function(success, rs, data) {
1142         if (success === true) {
1143             try {
1144                 this.reader.realize(rs, data);
1145                 this.reMap(rs);
1146             }
1147             catch (e) {
1148                 this.handleException(e);
1149                 if (Ext.isArray(rs)) {
1150                     // Recurse to run back into the try {}.  DataReader#realize splices-off the rs until empty.
1151                     this.onCreateRecords(success, rs, data);
1152                 }
1153             }
1154         }
1155     },
1156
1157     // @protected, onUpdateRecords proxy callback for update action
1158     onUpdateRecords : function(success, rs, data) {
1159         if (success === true) {
1160             try {
1161                 this.reader.update(rs, data);
1162             } catch (e) {
1163                 this.handleException(e);
1164                 if (Ext.isArray(rs)) {
1165                     // Recurse to run back into the try {}.  DataReader#update splices-off the rs until empty.
1166                     this.onUpdateRecords(success, rs, data);
1167                 }
1168             }
1169         }
1170     },
1171
1172     // @protected onDestroyRecords proxy callback for destroy action
1173     onDestroyRecords : function(success, rs, data) {
1174         // splice each rec out of this.removed
1175         rs = (rs instanceof Ext.data.Record) ? [rs] : [].concat(rs);
1176         for (var i=0,len=rs.length;i<len;i++) {
1177             this.removed.splice(this.removed.indexOf(rs[i]), 1);
1178         }
1179         if (success === false) {
1180             // put records back into store if remote destroy fails.
1181             // @TODO: Might want to let developer decide.
1182             for (i=rs.length-1;i>=0;i--) {
1183                 this.insert(rs[i].lastIndex, rs[i]);    // <-- lastIndex set in Store#destroyRecord
1184             }
1185         }
1186     },
1187
1188     // protected handleException.  Possibly temporary until Ext framework has an exception-handler.
1189     handleException : function(e) {
1190         // @see core/Error.js
1191         Ext.handleError(e);
1192     },
1193
1194     <div id="method-Ext.data.Store-reload"></div>/**
1195      * <p>Reloads the Record cache from the configured Proxy using the configured
1196      * {@link Ext.data.Reader Reader} and the options from the last load operation
1197      * performed.</p>
1198      * <p><b>Note</b>: see the Important note in {@link #load}.</p>
1199      * @param {Object} options <p>(optional) An <tt>Object</tt> containing
1200      * {@link #load loading options} which may override the {@link #lastOptions options}
1201      * used in the last {@link #load} operation. See {@link #load} for details
1202      * (defaults to <tt>null</tt>, in which case the {@link #lastOptions} are
1203      * used).</p>
1204      * <br><p>To add new params to the existing params:</p><pre><code>
1205 lastOptions = myStore.lastOptions;
1206 Ext.apply(lastOptions.params, {
1207     myNewParam: true
1208 });
1209 myStore.reload(lastOptions);
1210      * </code></pre>
1211      */
1212     reload : function(options){
1213         this.load(Ext.applyIf(options||{}, this.lastOptions));
1214     },
1215
1216     // private
1217     // Called as a callback by the Reader during a load operation.
1218     loadRecords : function(o, options, success){
1219         if (this.isDestroyed === true) {
1220             return;
1221         }
1222         if(!o || success === false){
1223             if(success !== false){
1224                 this.fireEvent('load', this, [], options);
1225             }
1226             if(options.callback){
1227                 options.callback.call(options.scope || this, [], options, false, o);
1228             }
1229             return;
1230         }
1231         var r = o.records, t = o.totalRecords || r.length;
1232         if(!options || options.add !== true){
1233             if(this.pruneModifiedRecords){
1234                 this.modified = [];
1235             }
1236             for(var i = 0, len = r.length; i < len; i++){
1237                 r[i].join(this);
1238             }
1239             if(this.snapshot){
1240                 this.data = this.snapshot;
1241                 delete this.snapshot;
1242             }
1243             this.clearData();
1244             this.data.addAll(r);
1245             this.totalLength = t;
1246             this.applySort();
1247             this.fireEvent('datachanged', this);
1248         }else{
1249             this.totalLength = Math.max(t, this.data.length+r.length);
1250             this.add(r);
1251         }
1252         this.fireEvent('load', this, r, options);
1253         if(options.callback){
1254             options.callback.call(options.scope || this, r, options, true);
1255         }
1256     },
1257
1258     <div id="method-Ext.data.Store-loadData"></div>/**
1259      * Loads data from a passed data block and fires the {@link #load} event. A {@link Ext.data.Reader Reader}
1260      * which understands the format of the data must have been configured in the constructor.
1261      * @param {Object} data The data block from which to read the Records.  The format of the data expected
1262      * is dependent on the type of {@link Ext.data.Reader Reader} that is configured and should correspond to
1263      * that {@link Ext.data.Reader Reader}'s <tt>{@link Ext.data.Reader#readRecords}</tt> parameter.
1264      * @param {Boolean} append (Optional) <tt>true</tt> to append the new Records rather the default to replace
1265      * the existing cache.
1266      * <b>Note</b>: that Records in a Store are keyed by their {@link Ext.data.Record#id id}, so added Records
1267      * with ids which are already present in the Store will <i>replace</i> existing Records. Only Records with
1268      * new, unique ids will be added.
1269      */
1270     loadData : function(o, append){
1271         var r = this.reader.readRecords(o);
1272         this.loadRecords(r, {add: append}, true);
1273     },
1274
1275     <div id="method-Ext.data.Store-getCount"></div>/**
1276      * Gets the number of cached records.
1277      * <p>If using paging, this may not be the total size of the dataset. If the data object
1278      * used by the Reader contains the dataset size, then the {@link #getTotalCount} function returns
1279      * the dataset size.  <b>Note</b>: see the Important note in {@link #load}.</p>
1280      * @return {Number} The number of Records in the Store's cache.
1281      */
1282     getCount : function(){
1283         return this.data.length || 0;
1284     },
1285
1286     <div id="method-Ext.data.Store-getTotalCount"></div>/**
1287      * Gets the total number of records in the dataset as returned by the server.
1288      * <p>If using paging, for this to be accurate, the data object used by the {@link #reader Reader}
1289      * must contain the dataset size. For remote data sources, the value for this property
1290      * (<tt>totalProperty</tt> for {@link Ext.data.JsonReader JsonReader},
1291      * <tt>totalRecords</tt> for {@link Ext.data.XmlReader XmlReader}) shall be returned by a query on the server.
1292      * <b>Note</b>: see the Important note in {@link #load}.</p>
1293      * @return {Number} The number of Records as specified in the data object passed to the Reader
1294      * by the Proxy.
1295      * <p><b>Note</b>: this value is not updated when changing the contents of the Store locally.</p>
1296      */
1297     getTotalCount : function(){
1298         return this.totalLength || 0;
1299     },
1300
1301     <div id="method-Ext.data.Store-getSortState"></div>/**
1302      * Returns an object describing the current sort state of this Store.
1303      * @return {Object} The sort state of the Store. An object with two properties:<ul>
1304      * <li><b>field : String<p class="sub-desc">The name of the field by which the Records are sorted.</p></li>
1305      * <li><b>direction : String<p class="sub-desc">The sort order, 'ASC' or 'DESC' (case-sensitive).</p></li>
1306      * </ul>
1307      * See <tt>{@link #sortInfo}</tt> for additional details.
1308      */
1309     getSortState : function(){
1310         return this.sortInfo;
1311     },
1312
1313     /**
1314      * @private
1315      * Invokes sortData if we have sortInfo to sort on and are not sorting remotely
1316      */
1317     applySort : function(){
1318         if ((this.sortInfo || this.multiSortInfo) && !this.remoteSort) {
1319             this.sortData();
1320         }
1321     },
1322
1323     /**
1324      * @private
1325      * Performs the actual sorting of data. This checks to see if we currently have a multi sort or not. It applies
1326      * each sorter field/direction pair in turn by building an OR'ed master sorting function and running it against
1327      * the full dataset
1328      */
1329     sortData : function() {
1330         var sortInfo  = this.hasMultiSort ? this.multiSortInfo : this.sortInfo,
1331             direction = sortInfo.direction || "ASC",
1332             sorters   = sortInfo.sorters,
1333             sortFns   = [];
1334
1335         //if we just have a single sorter, pretend it's the first in an array
1336         if (!this.hasMultiSort) {
1337             sorters = [{direction: direction, field: sortInfo.field}];
1338         }
1339
1340         //create a sorter function for each sorter field/direction combo
1341         for (var i=0, j = sorters.length; i < j; i++) {
1342             sortFns.push(this.createSortFunction(sorters[i].field, sorters[i].direction));
1343         }
1344
1345         if (sortFns.length == 0) {
1346             return;
1347         }
1348
1349         //the direction modifier is multiplied with the result of the sorting functions to provide overall sort direction
1350         //(as opposed to direction per field)
1351         var directionModifier = direction.toUpperCase() == "DESC" ? -1 : 1;
1352
1353         //create a function which ORs each sorter together to enable multi-sort
1354         var fn = function(r1, r2) {
1355           var result = sortFns[0].call(this, r1, r2);
1356
1357           //if we have more than one sorter, OR any additional sorter functions together
1358           if (sortFns.length > 1) {
1359               for (var i=1, j = sortFns.length; i < j; i++) {
1360                   result = result || sortFns[i].call(this, r1, r2);
1361               }
1362           }
1363
1364           return directionModifier * result;
1365         };
1366
1367         //sort the data
1368         this.data.sort(direction, fn);
1369         if (this.snapshot && this.snapshot != this.data) {
1370             this.snapshot.sort(direction, fn);
1371         }
1372     },
1373
1374     <div id="method-Ext.data.Store-createSortFunction"></div>/**
1375      * Creates and returns a function which sorts an array by the given field and direction
1376      * @param {String} field The field to create the sorter for
1377      * @param {String} direction The direction to sort by (defaults to "ASC")
1378      * @return {Function} A function which sorts by the field/direction combination provided
1379      */
1380     createSortFunction: function(field, direction) {
1381         direction = direction || "ASC";
1382         var directionModifier = direction.toUpperCase() == "DESC" ? -1 : 1;
1383
1384         var sortType = this.fields.get(field).sortType;
1385
1386         //create a comparison function. Takes 2 records, returns 1 if record 1 is greater,
1387         //-1 if record 2 is greater or 0 if they are equal
1388         return function(r1, r2) {
1389             var v1 = sortType(r1.data[field]),
1390                 v2 = sortType(r2.data[field]);
1391
1392             return directionModifier * (v1 > v2 ? 1 : (v1 < v2 ? -1 : 0));
1393         };
1394     },
1395
1396     <div id="method-Ext.data.Store-setDefaultSort"></div>/**
1397      * Sets the default sort column and order to be used by the next {@link #load} operation.
1398      * @param {String} fieldName The name of the field to sort by.
1399      * @param {String} dir (optional) The sort order, 'ASC' or 'DESC' (case-sensitive, defaults to <tt>'ASC'</tt>)
1400      */
1401     setDefaultSort : function(field, dir) {
1402         dir = dir ? dir.toUpperCase() : 'ASC';
1403         this.sortInfo = {field: field, direction: dir};
1404         this.sortToggle[field] = dir;
1405     },
1406
1407     <div id="method-Ext.data.Store-sort"></div>/**
1408      * Sort the Records.
1409      * If remote sorting is used, the sort is performed on the server, and the cache is reloaded. If local
1410      * sorting is used, the cache is sorted internally. See also {@link #remoteSort} and {@link #paramNames}.
1411      * This function accepts two call signatures - pass in a field name as the first argument to sort on a single
1412      * field, or pass in an array of sort configuration objects to sort by multiple fields.
1413      * Single sort example:
1414      * store.sort('name', 'ASC');
1415      * Multi sort example:
1416      * store.sort([
1417      *   {
1418      *     field    : 'name',
1419      *     direction: 'ASC'
1420      *   },
1421      *   {
1422      *     field    : 'salary',
1423      *     direction: 'DESC'
1424      *   }
1425      * ], 'ASC');
1426      * In this second form, the sort configs are applied in order, with later sorters sorting within earlier sorters' results.
1427      * For example, if two records with the same name are present they will also be sorted by salary if given the sort configs
1428      * above. Any number of sort configs can be added.
1429      * @param {String/Array} fieldName The name of the field to sort by, or an array of ordered sort configs
1430      * @param {String} dir (optional) The sort order, 'ASC' or 'DESC' (case-sensitive, defaults to <tt>'ASC'</tt>)
1431      */
1432     sort : function(fieldName, dir) {
1433         if (Ext.isArray(arguments[0])) {
1434             return this.multiSort.call(this, fieldName, dir);
1435         } else {
1436             return this.singleSort(fieldName, dir);
1437         }
1438     },
1439
1440     <div id="method-Ext.data.Store-singleSort"></div>/**
1441      * Sorts the store contents by a single field and direction. This is called internally by {@link sort} and would
1442      * not usually be called manually
1443      * @param {String} fieldName The name of the field to sort by.
1444      * @param {String} dir (optional) The sort order, 'ASC' or 'DESC' (case-sensitive, defaults to <tt>'ASC'</tt>)
1445      */
1446     singleSort: function(fieldName, dir) {
1447         var field = this.fields.get(fieldName);
1448         if (!field) return false;
1449
1450         var name       = field.name,
1451             sortInfo   = this.sortInfo || null,
1452             sortToggle = this.sortToggle ? this.sortToggle[name] : null;
1453
1454         if (!dir) {
1455             if (sortInfo && sortInfo.field == name) { // toggle sort dir
1456                 dir = (this.sortToggle[name] || 'ASC').toggle('ASC', 'DESC');
1457             } else {
1458                 dir = field.sortDir;
1459             }
1460         }
1461
1462         this.sortToggle[name] = dir;
1463         this.sortInfo = {field: name, direction: dir};
1464         this.hasMultiSort = false;
1465
1466         if (this.remoteSort) {
1467             if (!this.load(this.lastOptions)) {
1468                 if (sortToggle) {
1469                     this.sortToggle[name] = sortToggle;
1470                 }
1471                 if (sortInfo) {
1472                     this.sortInfo = sortInfo;
1473                 }
1474             }
1475         } else {
1476             this.applySort();
1477             this.fireEvent('datachanged', this);
1478         }
1479     },
1480
1481     <div id="method-Ext.data.Store-multiSort"></div>/**
1482      * Sorts the contents of this store by multiple field/direction sorters. This is called internally by {@link sort}
1483      * and would not usually be called manually.
1484      * Multi sorting only currently applies to local datasets - multiple sort data is not currently sent to a proxy
1485      * if remoteSort is used.
1486      * @param {Array} sorters Array of sorter objects (field and direction)
1487      * @param {String} direction Overall direction to sort the ordered results by (defaults to "ASC")
1488      */
1489     multiSort: function(sorters, direction) {
1490         this.hasMultiSort = true;
1491         direction = direction || "ASC";
1492
1493         //toggle sort direction
1494         if (this.multiSortInfo && direction == this.multiSortInfo.direction) {
1495             direction = direction.toggle("ASC", "DESC");
1496         }
1497
1498         <div id="prop-Ext.data.Store-multiSortInfo"></div>/**
1499          * @property multiSortInfo
1500          * @type Object
1501          * Object containing overall sort direction and an ordered array of sorter configs used when sorting on multiple fields
1502          */
1503         this.multiSortInfo = {
1504             sorters  : sorters,
1505             direction: direction
1506         };
1507
1508         if (this.remoteSort) {
1509             this.singleSort(sorters[0].field, sorters[0].direction);
1510
1511         } else {
1512             this.applySort();
1513             this.fireEvent('datachanged', this);
1514         }
1515     },
1516
1517     <div id="method-Ext.data.Store-each"></div>/**
1518      * Calls the specified function for each of the {@link Ext.data.Record Records} in the cache.
1519      * @param {Function} fn The function to call. The {@link Ext.data.Record Record} is passed as the first parameter.
1520      * Returning <tt>false</tt> aborts and exits the iteration.
1521      * @param {Object} scope (optional) The scope (<code>this</code> reference) in which the function is executed.
1522      * Defaults to the current {@link Ext.data.Record Record} in the iteration.
1523      */
1524     each : function(fn, scope){
1525         this.data.each(fn, scope);
1526     },
1527
1528     <div id="method-Ext.data.Store-getModifiedRecords"></div>/**
1529      * Gets all {@link Ext.data.Record records} modified since the last commit.  Modified records are
1530      * persisted across load operations (e.g., during paging). <b>Note</b>: deleted records are not
1531      * included.  See also <tt>{@link #pruneModifiedRecords}</tt> and
1532      * {@link Ext.data.Record}<tt>{@link Ext.data.Record#markDirty markDirty}.</tt>.
1533      * @return {Ext.data.Record[]} An array of {@link Ext.data.Record Records} containing outstanding
1534      * modifications.  To obtain modified fields within a modified record see
1535      *{@link Ext.data.Record}<tt>{@link Ext.data.Record#modified modified}.</tt>.
1536      */
1537     getModifiedRecords : function(){
1538         return this.modified;
1539     },
1540
1541     <div id="method-Ext.data.Store-sum"></div>/**
1542      * Sums the value of <tt>property</tt> for each {@link Ext.data.Record record} between <tt>start</tt>
1543      * and <tt>end</tt> and returns the result.
1544      * @param {String} property A field in each record
1545      * @param {Number} start (optional) The record index to start at (defaults to <tt>0</tt>)
1546      * @param {Number} end (optional) The last record index to include (defaults to length - 1)
1547      * @return {Number} The sum
1548      */
1549     sum : function(property, start, end){
1550         var rs = this.data.items, v = 0;
1551         start = start || 0;
1552         end = (end || end === 0) ? end : rs.length-1;
1553
1554         for(var i = start; i <= end; i++){
1555             v += (rs[i].data[property] || 0);
1556         }
1557         return v;
1558     },
1559
1560     /**
1561      * @private
1562      * Returns a filter function used to test a the given property's value. Defers most of the work to
1563      * Ext.util.MixedCollection's createValueMatcher function
1564      * @param {String} property The property to create the filter function for
1565      * @param {String/RegExp} value The string/regex to compare the property value to
1566      * @param {Boolean} anyMatch True if we don't care if the filter value is not the full value (defaults to false)
1567      * @param {Boolean} caseSensitive True to create a case-sensitive regex (defaults to false)
1568      * @param {Boolean} exactMatch True to force exact match (^ and $ characters added to the regex). Defaults to false. Ignored if anyMatch is true.
1569      */
1570     createFilterFn : function(property, value, anyMatch, caseSensitive, exactMatch){
1571         if(Ext.isEmpty(value, false)){
1572             return false;
1573         }
1574         value = this.data.createValueMatcher(value, anyMatch, caseSensitive, exactMatch);
1575         return function(r) {
1576             return value.test(r.data[property]);
1577         };
1578     },
1579
1580     <div id="method-Ext.data.Store-createMultipleFilterFn"></div>/**
1581      * Given an array of filter functions (each with optional scope), constructs and returns a single function that returns
1582      * the result of all of the filters ANDed together
1583      * @param {Array} filters The array of filter objects (each object should contain an 'fn' and optional scope)
1584      * @return {Function} The multiple filter function
1585      */
1586     createMultipleFilterFn: function(filters) {
1587         return function(record) {
1588             var isMatch = true;
1589
1590             for (var i=0, j = filters.length; i < j; i++) {
1591                 var filter = filters[i],
1592                     fn     = filter.fn,
1593                     scope  = filter.scope;
1594
1595                 isMatch = isMatch && fn.call(scope, record);
1596             }
1597
1598             return isMatch;
1599         };
1600     },
1601
1602     <div id="method-Ext.data.Store-filter"></div>/**
1603      * Filter the {@link Ext.data.Record records} by a specified property. Alternatively, pass an array of filter
1604      * options to filter by more than one property.
1605      * Single filter example:
1606      * store.filter('name', 'Ed', true, true); //finds all records containing the substring 'Ed'
1607      * Multiple filter example:
1608      * store.filter([
1609      *   {
1610      *     property     : 'name',
1611      *     value        : 'Ed',
1612      *     anyMatch     : true, //optional, defaults to true
1613      *     caseSensitive: true  //optional, defaults to true
1614      *   },
1615      *
1616      *   //filter functions can also be passed
1617      *   {
1618      *     fn   : function(record) {
1619      *       return record.get('age') == 24
1620      *     },
1621      *     scope: this
1622      *   }
1623      * ]);
1624      * @param {String|Array} field A field on your records, or an array containing multiple filter options
1625      * @param {String/RegExp} value Either a string that the field should begin with, or a RegExp to test
1626      * against the field.
1627      * @param {Boolean} anyMatch (optional) <tt>true</tt> to match any part not just the beginning
1628      * @param {Boolean} caseSensitive (optional) <tt>true</tt> for case sensitive comparison
1629      * @param {Boolean} exactMatch True to force exact match (^ and $ characters added to the regex). Defaults to false. Ignored if anyMatch is true.
1630      */
1631     filter : function(property, value, anyMatch, caseSensitive, exactMatch){
1632         //we can accept an array of filter objects, or a single filter object - normalize them here
1633         if (Ext.isObject(property)) {
1634             property = [property];
1635         }
1636
1637         if (Ext.isArray(property)) {
1638             var filters = [];
1639
1640             //normalize the filters passed into an array of filter functions
1641             for (var i=0, j = property.length; i < j; i++) {
1642                 var filter = property[i],
1643                     func   = filter.fn,
1644                     scope  = filter.scope || this;
1645
1646                 //if we weren't given a filter function, construct one now
1647                 if (!Ext.isFunction(func)) {
1648                     func = this.createFilterFn(filter.property, filter.value, filter.anyMatch, filter.caseSensitive, filter.exactMatch);
1649                 }
1650
1651                 filters.push({fn: func, scope: scope});
1652             }
1653
1654             var fn = this.createMultipleFilterFn(filters);
1655         } else {
1656             //classic single property filter
1657             var fn = this.createFilterFn(property, value, anyMatch, caseSensitive, exactMatch);
1658         }
1659
1660         return fn ? this.filterBy(fn) : this.clearFilter();
1661     },
1662
1663     <div id="method-Ext.data.Store-filterBy"></div>/**
1664      * Filter by a function. The specified function will be called for each
1665      * Record in this Store. If the function returns <tt>true</tt> the Record is included,
1666      * otherwise it is filtered out.
1667      * @param {Function} fn The function to be called. It will be passed the following parameters:<ul>
1668      * <li><b>record</b> : Ext.data.Record<p class="sub-desc">The {@link Ext.data.Record record}
1669      * to test for filtering. Access field values using {@link Ext.data.Record#get}.</p></li>
1670      * <li><b>id</b> : Object<p class="sub-desc">The ID of the Record passed.</p></li>
1671      * </ul>
1672      * @param {Object} scope (optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to this Store.
1673      */
1674     filterBy : function(fn, scope){
1675         this.snapshot = this.snapshot || this.data;
1676         this.data = this.queryBy(fn, scope||this);
1677         this.fireEvent('datachanged', this);
1678     },
1679
1680     <div id="method-Ext.data.Store-clearFilter"></div>/**
1681      * Revert to a view of the Record cache with no filtering applied.
1682      * @param {Boolean} suppressEvent If <tt>true</tt> the filter is cleared silently without firing the
1683      * {@link #datachanged} event.
1684      */
1685     clearFilter : function(suppressEvent){
1686         if(this.isFiltered()){
1687             this.data = this.snapshot;
1688             delete this.snapshot;
1689             if(suppressEvent !== true){
1690                 this.fireEvent('datachanged', this);
1691             }
1692         }
1693     },
1694
1695     <div id="method-Ext.data.Store-isFiltered"></div>/**
1696      * Returns true if this store is currently filtered
1697      * @return {Boolean}
1698      */
1699     isFiltered : function(){
1700         return !!this.snapshot && this.snapshot != this.data;
1701     },
1702
1703     <div id="method-Ext.data.Store-query"></div>/**
1704      * Query the records by a specified property.
1705      * @param {String} field A field on your records
1706      * @param {String/RegExp} value Either a string that the field
1707      * should begin with, or a RegExp to test against the field.
1708      * @param {Boolean} anyMatch (optional) True to match any part not just the beginning
1709      * @param {Boolean} caseSensitive (optional) True for case sensitive comparison
1710      * @return {MixedCollection} Returns an Ext.util.MixedCollection of the matched records
1711      */
1712     query : function(property, value, anyMatch, caseSensitive){
1713         var fn = this.createFilterFn(property, value, anyMatch, caseSensitive);
1714         return fn ? this.queryBy(fn) : this.data.clone();
1715     },
1716
1717     <div id="method-Ext.data.Store-queryBy"></div>/**
1718      * Query the cached records in this Store using a filtering function. The specified function
1719      * will be called with each record in this Store. If the function returns <tt>true</tt> the record is
1720      * included in the results.
1721      * @param {Function} fn The function to be called. It will be passed the following parameters:<ul>
1722      * <li><b>record</b> : Ext.data.Record<p class="sub-desc">The {@link Ext.data.Record record}
1723      * to test for filtering. Access field values using {@link Ext.data.Record#get}.</p></li>
1724      * <li><b>id</b> : Object<p class="sub-desc">The ID of the Record passed.</p></li>
1725      * </ul>
1726      * @param {Object} scope (optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to this Store.
1727      * @return {MixedCollection} Returns an Ext.util.MixedCollection of the matched records
1728      **/
1729     queryBy : function(fn, scope){
1730         var data = this.snapshot || this.data;
1731         return data.filterBy(fn, scope||this);
1732     },
1733
1734     <div id="method-Ext.data.Store-find"></div>/**
1735      * Finds the index of the first matching Record in this store by a specific field value.
1736      * @param {String} fieldName The name of the Record field to test.
1737      * @param {String/RegExp} value Either a string that the field value
1738      * should begin with, or a RegExp to test against the field.
1739      * @param {Number} startIndex (optional) The index to start searching at
1740      * @param {Boolean} anyMatch (optional) True to match any part of the string, not just the beginning
1741      * @param {Boolean} caseSensitive (optional) True for case sensitive comparison
1742      * @return {Number} The matched index or -1
1743      */
1744     find : function(property, value, start, anyMatch, caseSensitive){
1745         var fn = this.createFilterFn(property, value, anyMatch, caseSensitive);
1746         return fn ? this.data.findIndexBy(fn, null, start) : -1;
1747     },
1748
1749     <div id="method-Ext.data.Store-findExact"></div>/**
1750      * Finds the index of the first matching Record in this store by a specific field value.
1751      * @param {String} fieldName The name of the Record field to test.
1752      * @param {Mixed} value The value to match the field against.
1753      * @param {Number} startIndex (optional) The index to start searching at
1754      * @return {Number} The matched index or -1
1755      */
1756     findExact: function(property, value, start){
1757         return this.data.findIndexBy(function(rec){
1758             return rec.get(property) === value;
1759         }, this, start);
1760     },
1761
1762     <div id="method-Ext.data.Store-findBy"></div>/**
1763      * Find the index of the first matching Record in this Store by a function.
1764      * If the function returns <tt>true</tt> it is considered a match.
1765      * @param {Function} fn The function to be called. It will be passed the following parameters:<ul>
1766      * <li><b>record</b> : Ext.data.Record<p class="sub-desc">The {@link Ext.data.Record record}
1767      * to test for filtering. Access field values using {@link Ext.data.Record#get}.</p></li>
1768      * <li><b>id</b> : Object<p class="sub-desc">The ID of the Record passed.</p></li>
1769      * </ul>
1770      * @param {Object} scope (optional) The scope (<code>this</code> reference) in which the function is executed. Defaults to this Store.
1771      * @param {Number} startIndex (optional) The index to start searching at
1772      * @return {Number} The matched index or -1
1773      */
1774     findBy : function(fn, scope, start){
1775         return this.data.findIndexBy(fn, scope, start);
1776     },
1777
1778     <div id="method-Ext.data.Store-collect"></div>/**
1779      * Collects unique values for a particular dataIndex from this store.
1780      * @param {String} dataIndex The property to collect
1781      * @param {Boolean} allowNull (optional) Pass true to allow null, undefined or empty string values
1782      * @param {Boolean} bypassFilter (optional) Pass true to collect from all records, even ones which are filtered
1783      * @return {Array} An array of the unique values
1784      **/
1785     collect : function(dataIndex, allowNull, bypassFilter){
1786         var d = (bypassFilter === true && this.snapshot) ?
1787                 this.snapshot.items : this.data.items;
1788         var v, sv, r = [], l = {};
1789         for(var i = 0, len = d.length; i < len; i++){
1790             v = d[i].data[dataIndex];
1791             sv = String(v);
1792             if((allowNull || !Ext.isEmpty(v)) && !l[sv]){
1793                 l[sv] = true;
1794                 r[r.length] = v;
1795             }
1796         }
1797         return r;
1798     },
1799
1800     // private
1801     afterEdit : function(record){
1802         if(this.modified.indexOf(record) == -1){
1803             this.modified.push(record);
1804         }
1805         this.fireEvent('update', this, record, Ext.data.Record.EDIT);
1806     },
1807
1808     // private
1809     afterReject : function(record){
1810         this.modified.remove(record);
1811         this.fireEvent('update', this, record, Ext.data.Record.REJECT);
1812     },
1813
1814     // private
1815     afterCommit : function(record){
1816         this.modified.remove(record);
1817         this.fireEvent('update', this, record, Ext.data.Record.COMMIT);
1818     },
1819
1820     <div id="method-Ext.data.Store-commitChanges"></div>/**
1821      * Commit all Records with {@link #getModifiedRecords outstanding changes}. To handle updates for changes,
1822      * subscribe to the Store's {@link #update update event}, and perform updating when the third parameter is
1823      * Ext.data.Record.COMMIT.
1824      */
1825     commitChanges : function(){
1826         var m = this.modified.slice(0);
1827         this.modified = [];
1828         for(var i = 0, len = m.length; i < len; i++){
1829             m[i].commit();
1830         }
1831     },
1832
1833     <div id="method-Ext.data.Store-rejectChanges"></div>/**
1834      * {@link Ext.data.Record#reject Reject} outstanding changes on all {@link #getModifiedRecords modified records}.
1835      */
1836     rejectChanges : function(){
1837         var m = this.modified.slice(0);
1838         this.modified = [];
1839         for(var i = 0, len = m.length; i < len; i++){
1840             m[i].reject();
1841         }
1842         var m = this.removed.slice(0).reverse();
1843         this.removed = [];
1844         for(var i = 0, len = m.length; i < len; i++){
1845             this.insert(m[i].lastIndex||0, m[i]);
1846             m[i].reject();
1847         }
1848     },
1849
1850     // private
1851     onMetaChange : function(meta){
1852         this.recordType = this.reader.recordType;
1853         this.fields = this.recordType.prototype.fields;
1854         delete this.snapshot;
1855         if(this.reader.meta.sortInfo){
1856             this.sortInfo = this.reader.meta.sortInfo;
1857         }else if(this.sortInfo  && !this.fields.get(this.sortInfo.field)){
1858             delete this.sortInfo;
1859         }
1860         if(this.writer){
1861             this.writer.meta = this.reader.meta;
1862         }
1863         this.modified = [];
1864         this.fireEvent('metachange', this, this.reader.meta);
1865     },
1866
1867     // private
1868     findInsertIndex : function(record){
1869         this.suspendEvents();
1870         var data = this.data.clone();
1871         this.data.add(record);
1872         this.applySort();
1873         var index = this.data.indexOf(record);
1874         this.data = data;
1875         this.resumeEvents();
1876         return index;
1877     },
1878
1879     <div id="method-Ext.data.Store-setBaseParam"></div>/**
1880      * Set the value for a property name in this store's {@link #baseParams}.  Usage:</p><pre><code>
1881 myStore.setBaseParam('foo', {bar:3});
1882 </code></pre>
1883      * @param {String} name Name of the property to assign
1884      * @param {Mixed} value Value to assign the <tt>name</tt>d property
1885      **/
1886     setBaseParam : function (name, value){
1887         this.baseParams = this.baseParams || {};
1888         this.baseParams[name] = value;
1889     }
1890 });
1891
1892 Ext.reg('store', Ext.data.Store);
1893
1894 <div id="cls-Ext.data.Store.Error"></div>/**
1895  * @class Ext.data.Store.Error
1896  * @extends Ext.Error
1897  * Store Error extension.
1898  * @param {String} name
1899  */
1900 Ext.data.Store.Error = Ext.extend(Ext.Error, {
1901     name: 'Ext.data.Store'
1902 });
1903 Ext.apply(Ext.data.Store.Error.prototype, {
1904     lang: {
1905         'writer-undefined' : 'Attempted to execute a write-action without a DataWriter installed.'
1906     }
1907 });
1908 </pre>
1909 </body>
1910 </html>