X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/Store.html diff --git a/docs/source/Store.html b/docs/source/Store.html new file mode 100644 index 00000000..4937025a --- /dev/null +++ b/docs/source/Store.html @@ -0,0 +1,1503 @@ + + + The source code + + + + +
/** + * @class Ext.data.Store + * @extends Ext.util.Observable + *

The Store class encapsulates a client side cache of {@link Ext.data.Record Record} + * objects which provide input data for Components such as the {@link Ext.grid.GridPanel GridPanel}, + * the {@link Ext.form.ComboBox ComboBox}, or the {@link Ext.DataView DataView}.

+ *

Retrieving Data

+ *

A Store object may access a data object using:

+ *

Reading Data

+ *

A Store object has no inherent knowledge of the format of the data object (it could be + * an Array, XML, or JSON). A Store object uses an appropriate {@link #reader configured implementation} + * of a {@link Ext.data.DataReader DataReader} to create {@link Ext.data.Record Record} instances from the data + * object.

+ *

Store Types

+ *

There are several implementations of Store available which are customized for use with + * a specific DataReader implementation. Here is an example using an ArrayStore which implicitly + * creates a reader commensurate to an Array data object.

+ *

+var myStore = new Ext.data.ArrayStore({
+    fields: ['fullname', 'first'],
+    idIndex: 0 // id for each record will be the first element
+});
+ * 
+ *

For custom implementations create a basic {@link Ext.data.Store} configured as needed:

+ *

+// create a {@link Ext.data.Record Record} constructor:
+var rt = Ext.data.Record.create([
+    {name: 'fullname'},
+    {name: 'first'}
+]);
+var myStore = new Ext.data.Store({
+    // explicitly create reader
+    reader: new Ext.data.ArrayReader(
+        {
+            idIndex: 0  // id for each record will be the first element
+        },
+        rt // recordType
+    )
+});
+ * 
+ *

Load some data into store (note the data object is an array which corresponds to the reader):

+ *

+var myData = [
+    [1, 'Fred Flintstone', 'Fred'],  // note that id for the record is the first element
+    [2, 'Barney Rubble', 'Barney']
+];
+myStore.loadData(myData);
+ * 
+ *

Records are cached and made available through accessor functions. An example of adding + * a record to the store:

+ *

+var defaultData = {
+    fullname: 'Full Name',
+    first: 'First Name'
+};
+var recId = 100; // provide unique id for the record
+var r = new myStore.recordType(defaultData, ++recId); // create new record
+myStore.{@link #insert}(0, r); // insert a new record into the store (also see {@link #add})
+ * 
+ * @constructor + * Creates a new Store. + * @param {Object} config A config object containing the objects needed for the Store to access data, + * and read the data into Records. + * @xtype store + */ +Ext.data.Store = function(config){ + this.data = new Ext.util.MixedCollection(false); + this.data.getKey = function(o){ + return o.id; + }; +
/** + * See the {@link #baseParams corresponding configuration option} + * for a description of this property. + * To modify this property see {@link #setBaseParam}. + * @property + */ + this.baseParams = {}; + + // temporary removed-records cache + this.removed = []; + + if(config && config.data){ + this.inlineData = config.data; + delete config.data; + } + + Ext.apply(this, config); + + this.paramNames = Ext.applyIf(this.paramNames || {}, this.defaultParamNames); + + if(this.url && !this.proxy){ + this.proxy = new Ext.data.HttpProxy({url: this.url}); + } + // If Store is RESTful, so too is the DataProxy + if (this.restful === true && this.proxy) { + // When operating RESTfully, a unique transaction is generated for each record. + this.batch = false; + Ext.data.Api.restify(this.proxy); + } + + if(this.reader){ // reader passed + if(!this.recordType){ + this.recordType = this.reader.recordType; + } + if(this.reader.onMetaChange){ + this.reader.onMetaChange = this.onMetaChange.createDelegate(this); + } + if (this.writer) { // writer passed + this.writer.meta = this.reader.meta; + this.pruneModifiedRecords = true; + } + } + +
/** + * The {@link Ext.data.Record Record} constructor as supplied to (or created by) the + * {@link Ext.data.DataReader Reader}. Read-only. + *

If the Reader was constructed by passing in an Array of {@link Ext.data.Field} definition objects, + * instead of a Record constructor, it will implicitly create a Record constructor from that Array (see + * {@link Ext.data.Record}.{@link Ext.data.Record#create create} for additional details).

+ *

This property may be used to create new Records of the type held in this Store, for example:


+// create the data store
+var store = new Ext.data.ArrayStore({
+    autoDestroy: true,
+    fields: [
+       {name: 'company'},
+       {name: 'price', type: 'float'},
+       {name: 'change', type: 'float'},
+       {name: 'pctChange', type: 'float'},
+       {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
+    ]
+});
+store.loadData(myData);
+
+// create the Grid
+var grid = new Ext.grid.EditorGridPanel({
+    store: store,
+    colModel: new Ext.grid.ColumnModel({
+        columns: [
+            {id:'company', header: 'Company', width: 160, dataIndex: 'company'},
+            {header: 'Price', renderer: 'usMoney', dataIndex: 'price'},
+            {header: 'Change', renderer: change, dataIndex: 'change'},
+            {header: '% Change', renderer: pctChange, dataIndex: 'pctChange'},
+            {header: 'Last Updated', width: 85,
+                renderer: Ext.util.Format.dateRenderer('m/d/Y'),
+                dataIndex: 'lastChange'}
+        ],
+        defaults: {
+            sortable: true,
+            width: 75
+        }
+    }),
+    autoExpandColumn: 'company', // match the id specified in the column model
+    height:350,
+    width:600,
+    title:'Array Grid',
+    tbar: [{
+        text: 'Add Record',
+        handler : function(){
+            var defaultData = {
+                change: 0,
+                company: 'New Company',
+                lastChange: (new Date()).clearTime(),
+                pctChange: 0,
+                price: 10
+            };
+            var recId = 3; // provide unique id
+            var p = new store.recordType(defaultData, recId); // create new record
+            grid.stopEditing();
+            store.{@link #insert}(0, p); // insert a new record into the store (also see {@link #add})
+            grid.startEditing(0, 0);
+        }
+    }]
+});
+     * 
+ * @property recordType + * @type Function + */ + + if(this.recordType){ +
/** + * A {@link Ext.util.MixedCollection MixedCollection} containing the defined {@link Ext.data.Field Field}s + * for the {@link Ext.data.Record Records} stored in this Store. Read-only. + * @property fields + * @type Ext.util.MixedCollection + */ + this.fields = this.recordType.prototype.fields; + } + this.modified = []; + + this.addEvents( +
/** + * @event datachanged + * Fires when the data cache has changed in a bulk manner (e.g., it has been sorted, filtered, etc.) and a + * widget that is using this Store as a Record cache should refresh its view. + * @param {Store} this + */ + 'datachanged', +
/** + * @event metachange + * Fires when this store's reader provides new metadata (fields). This is currently only supported for JsonReaders. + * @param {Store} this + * @param {Object} meta The JSON metadata + */ + 'metachange', +
/** + * @event add + * Fires when Records have been {@link #add}ed to the Store + * @param {Store} this + * @param {Ext.data.Record[]} records The array of Records added + * @param {Number} index The index at which the record(s) were added + */ + 'add', +
/** + * @event remove + * Fires when a Record has been {@link #remove}d from the Store + * @param {Store} this + * @param {Ext.data.Record} record The Record that was removed + * @param {Number} index The index at which the record was removed + */ + 'remove', +
/** + * @event update + * Fires when a Record has been updated + * @param {Store} this + * @param {Ext.data.Record} record The Record that was updated + * @param {String} operation The update operation being performed. Value may be one of: + *

+ Ext.data.Record.EDIT
+ Ext.data.Record.REJECT
+ Ext.data.Record.COMMIT
+         * 
+ */ + 'update', +
/** + * @event clear + * Fires when the data cache has been cleared. + * @param {Store} this + */ + 'clear', +
/** + * @event exception + *

Fires if an exception occurs in the Proxy during a remote request. + * This event is relayed through the corresponding {@link Ext.data.DataProxy}. + * See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#exception exception} + * for additional details. + * @param {misc} misc See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#exception exception} + * for description. + */ + 'exception', +

/** + * @event beforeload + * Fires before a request is made for a new data object. If the beforeload handler returns + * false the {@link #load} action will be canceled. + * @param {Store} this + * @param {Object} options The loading options that were specified (see {@link #load} for details) + */ + 'beforeload', +
/** + * @event load + * Fires after a new set of Records has been loaded. + * @param {Store} this + * @param {Ext.data.Record[]} records The Records that were loaded + * @param {Object} options The loading options that were specified (see {@link #load} for details) + */ + 'load', +
/** + * @event loadexception + *

This event is deprecated in favor of the catch-all {@link #exception} + * event instead.

+ *

This event is relayed through the corresponding {@link Ext.data.DataProxy}. + * See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#loadexception loadexception} + * for additional details. + * @param {misc} misc See {@link Ext.data.DataProxy}.{@link Ext.data.DataProxy#loadexception loadexception} + * for description. + */ + 'loadexception', +

/** + * @event beforewrite + * @param {DataProxy} this + * @param {String} action [Ext.data.Api.actions.create|update|destroy] + * @param {Record/Array[Record]} rs + * @param {Object} options The loading options that were specified. Edit options.params to add Http parameters to the request. (see {@link #save} for details) + * @param {Object} arg The callback's arg object passed to the {@link #request} function + */ + 'beforewrite', +
/** + * @event write + * Fires if the server returns 200 after an Ext.data.Api.actions CRUD action. + * Success or failure of the action is available in the result['successProperty'] property. + * The server-code might set the successProperty to false if a database validation + * failed, for example. + * @param {Ext.data.Store} store + * @param {String} action [Ext.data.Api.actions.create|update|destroy] + * @param {Object} result The 'data' picked-out out of the response for convenience. + * @param {Ext.Direct.Transaction} res + * @param {Record/Record[]} rs Store's records, the subject(s) of the write-action + */ + 'write' + ); + + if(this.proxy){ + this.relayEvents(this.proxy, ['loadexception', 'exception']); + } + // With a writer set for the Store, we want to listen to add/remove events to remotely create/destroy records. + if (this.writer) { + this.on({ + scope: this, + add: this.createRecords, + remove: this.destroyRecord, + update: this.updateRecord + }); + } + + this.sortToggle = {}; + if(this.sortField){ + this.setDefaultSort(this.sortField, this.sortDir); + }else if(this.sortInfo){ + this.setDefaultSort(this.sortInfo.field, this.sortInfo.direction); + } + + Ext.data.Store.superclass.constructor.call(this); + + if(this.id){ + this.storeId = this.id; + delete this.id; + } + if(this.storeId){ + Ext.StoreMgr.register(this); + } + if(this.inlineData){ + this.loadData(this.inlineData); + delete this.inlineData; + }else if(this.autoLoad){ + this.load.defer(10, this, [ + typeof this.autoLoad == 'object' ? + this.autoLoad : undefined]); + } +}; +Ext.extend(Ext.data.Store, Ext.util.Observable, { +
/** + * @cfg {String} storeId If passed, the id to use to register with the {@link Ext.StoreMgr StoreMgr}. + *

Note: if a (deprecated) {@link #id} is specified it will supersede the storeId + * assignment.

+ */ +
/** + * @cfg {String} url If a {@link #proxy} is not specified the url will be used to + * implicitly configure a {@link Ext.data.HttpProxy HttpProxy} if an url is specified. + * Typically this option, or the {@link #data} option will be specified. + */ +
/** + * @cfg {Boolean/Object} autoLoad If {@link #data} is not specified, and if autoLoad + * is true or an Object, this store's {@link #load} method is automatically called + * after creation. If the value of autoLoad is an Object, this Object will + * be passed to the store's {@link #load} method. + */ +
/** + * @cfg {Ext.data.DataProxy} proxy The {@link Ext.data.DataProxy DataProxy} object which provides + * access to a data object. See {@link #url}. + */ +
/** + * @cfg {Array} data An inline data object readable by the {@link #reader}. + * Typically this option, or the {@link #url} option will be specified. + */ +
/** + * @cfg {Ext.data.DataReader} reader The {@link Ext.data.DataReader Reader} object which processes the + * data object and returns an Array of {@link Ext.data.Record} objects which are cached keyed by their + * {@link Ext.data.Record#id id} property. + */ +
/** + * @cfg {Ext.data.DataWriter} writer + *

The {@link Ext.data.DataWriter Writer} object which processes a record object for being written + * to the server-side database.

+ *

When a writer is installed into a Store the {@link #add}, {@link #remove}, and {@link #update} + * events on the store are monitored in order to remotely {@link #createRecords create records}, + * {@link #destroyRecord destroy records}, or {@link #updateRecord update records}.

+ *

The proxy for this store will relay any {@link #writexception} events to this store.

+ *

Sample implementation: + *


+var writer = new {@link Ext.data.JsonWriter}({
+    encode: true,
+    writeAllFields: true // write all fields, not just those that changed
+});
+
+// Typical Store collecting the Proxy, Reader and Writer together.
+var store = new Ext.data.Store({
+    storeId: 'user',
+    root: 'records',
+    proxy: proxy,
+    reader: reader,
+    writer: writer,     // <-- plug a DataWriter into the store just as you would a Reader
+    paramsAsHash: true,
+    autoSave: false    // <-- false to delay executing create, update, destroy requests
+                        //     until specifically told to do so.
+});
+     * 

+ */ + writer : undefined, +
/** + * @cfg {Object} baseParams + *

An object containing properties which are to be sent as parameters + * for every HTTP request.

+ *

Parameters are encoded as standard HTTP parameters using {@link Ext#urlEncode}.

+ *

Note: baseParams may be superseded by any params + * specified in a {@link #load} request, see {@link #load} + * for more details.

+ * This property may be modified after creation using the {@link #setBaseParam} + * method. + * @property + */ +
/** + * @cfg {Object} sortInfo A config object to specify the sort order in the request of a Store's + * {@link #load} operation. Note that for local sorting, the direction property is + * case-sensitive. See also {@link #remoteSort} and {@link #paramNames}. + * For example:

+sortInfo: {
+    field: 'fieldName',
+    direction: 'ASC' // or 'DESC' (case sensitive for local sorting)
+}
+
+ */ +
/** + * @cfg {boolean} remoteSort true if sorting is to be handled by requesting the {@link #proxy Proxy} + * to provide a refreshed version of the data object in sorted order, as opposed to sorting the Record cache + * in place (defaults to false). + *

If remoteSort is true, then clicking on a {@link Ext.grid.Column Grid Column}'s + * {@link Ext.grid.Column#header header} causes the current page to be requested from the server appending + * the following two parameters to the {@link #load params}:

+ */ + remoteSort : false, + +
/** + * @cfg {Boolean} autoDestroy true to destroy the store when the component the store is bound + * to is destroyed (defaults to false). + *

Note: this should be set to true when using stores that are bound to only 1 component.

+ */ + autoDestroy : false, + +
/** + * @cfg {Boolean} pruneModifiedRecords true to clear all modified record information each time + * the store is loaded or when a record is removed (defaults to false). See {@link #getModifiedRecords} + * for the accessor method to retrieve the modified records. + */ + pruneModifiedRecords : false, + +
/** + * Contains the last options object used as the parameter to the {@link #load} method. See {@link #load} + * for the details of what this may contain. This may be useful for accessing any params which were used + * to load the current Record cache. + * @property + */ + lastOptions : null, + +
/** + * @cfg {Boolean} autoSave + *

Defaults to true causing the store to automatically {@link #save} records to + * the server when a record is modified (ie: becomes 'dirty'). Specify false to manually call {@link #save} + * to send all modifiedRecords to the server.

+ *

Note: each CRUD action will be sent as a separate request.

+ */ + autoSave : true, + +
/** + * @cfg {Boolean} batch + *

Defaults to true (unless {@link #restful}:true). Multiple + * requests for each CRUD action (CREATE, READ, UPDATE and DESTROY) will be combined + * and sent as one transaction. Only applies when {@link #autoSave} is set + * to false.

+ *

If Store is RESTful, the DataProxy is also RESTful, and a unique transaction is + * generated for each record.

+ */ + batch : true, + +
/** + * @cfg {Boolean} restful + * Defaults to false. Set to true to have the Store and the set + * Proxy operate in a RESTful manner. The store will automatically generate GET, POST, + * PUT and DELETE requests to the server. The HTTP method used for any given CRUD + * action is described in {@link Ext.data.Api#restActions}. For additional information + * see {@link Ext.data.DataProxy#restful}. + *

Note: if {@link #restful}:true batch will + * internally be set to false.

+ */ + restful: false, + +
/** + * @cfg {Object} paramNames + *

An object containing properties which specify the names of the paging and + * sorting parameters passed to remote servers when loading blocks of data. By default, this + * object takes the following form:


+{
+    start : 'start',  // The parameter name which specifies the start row
+    limit : 'limit',  // The parameter name which specifies number of rows to return
+    sort : 'sort',    // The parameter name which specifies the column to sort on
+    dir : 'dir'       // The parameter name which specifies the sort direction
+}
+
+ *

The server must produce the requested data block upon receipt of these parameter names. + * If different parameter names are required, this property can be overriden using a configuration + * property.

+ *

A {@link Ext.PagingToolbar PagingToolbar} bound to this Store uses this property to determine + * the parameter names to use in its {@link #load requests}. + */ + paramNames : undefined, + +

/** + * @cfg {Object} defaultParamNames + * Provides the default values for the {@link #paramNames} property. To globally modify the parameters + * for all stores, this object should be changed on the store prototype. + */ + defaultParamNames : { + start : 'start', + limit : 'limit', + sort : 'sort', + dir : 'dir' + }, + +
/** + * Destroys the store. + */ + destroy : function(){ + if(this.storeId){ + Ext.StoreMgr.unregister(this); + } + this.data = null; + Ext.destroy(this.proxy); + this.reader = this.writer = null; + this.purgeListeners(); + }, + +
/** + * Add Records to the Store and fires the {@link #add} event. To add Records + * to the store from a remote source use {@link #load}({add:true}). + * See also {@link #recordType} and {@link #insert}. + * @param {Ext.data.Record[]} records An Array of Ext.data.Record objects + * to add to the cache. See {@link #recordType}. + */ + add : function(records){ + records = [].concat(records); + if(records.length < 1){ + return; + } + for(var i = 0, len = records.length; i < len; i++){ + records[i].join(this); + } + var index = this.data.length; + this.data.addAll(records); + if(this.snapshot){ + this.snapshot.addAll(records); + } + this.fireEvent('add', this, records, index); + }, + +
/** + * (Local sort only) Inserts the passed Record into the Store at the index where it + * should go based on the current sort information. + * @param {Ext.data.Record} record + */ + addSorted : function(record){ + var index = this.findInsertIndex(record); + this.insert(index, record); + }, + +
/** + * Remove a Record from the Store and fires the {@link #remove} event. + * @param {Ext.data.Record} record The Ext.data.Record object to remove from the cache. + */ + remove : function(record){ + var index = this.data.indexOf(record); + if(index > -1){ + this.data.removeAt(index); + if(this.pruneModifiedRecords){ + this.modified.remove(record); + } + if(this.snapshot){ + this.snapshot.remove(record); + } + this.fireEvent('remove', this, record, index); + } + }, + +
/** + * Remove a Record from the Store at the specified index. Fires the {@link #remove} event. + * @param {Number} index The index of the record to remove. + */ + removeAt : function(index){ + this.remove(this.getAt(index)); + }, + +
/** + * Remove all Records from the Store and fires the {@link #clear} event. + */ + removeAll : function(){ + this.data.clear(); + if(this.snapshot){ + this.snapshot.clear(); + } + if(this.pruneModifiedRecords){ + this.modified = []; + } + this.fireEvent('clear', this); + }, + +
/** + * Inserts Records into the Store at the given index and fires the {@link #add} event. + * See also {@link #add} and {@link #addSorted}. + * @param {Number} index The start index at which to insert the passed Records. + * @param {Ext.data.Record[]} records An Array of Ext.data.Record objects to add to the cache. + */ + insert : function(index, records){ + records = [].concat(records); + for(var i = 0, len = records.length; i < len; i++){ + this.data.insert(index, records[i]); + records[i].join(this); + } + this.fireEvent('add', this, records, index); + }, + +
/** + * Get the index within the cache of the passed Record. + * @param {Ext.data.Record} record The Ext.data.Record object to find. + * @return {Number} The index of the passed Record. Returns -1 if not found. + */ + indexOf : function(record){ + return this.data.indexOf(record); + }, + +
/** + * Get the index within the cache of the Record with the passed id. + * @param {String} id The id of the Record to find. + * @return {Number} The index of the Record. Returns -1 if not found. + */ + indexOfId : function(id){ + return this.data.indexOfKey(id); + }, + +
/** + * Get the Record with the specified id. + * @param {String} id The id of the Record to find. + * @return {Ext.data.Record} The Record with the passed id. Returns undefined if not found. + */ + getById : function(id){ + return this.data.key(id); + }, + +
/** + * Get the Record at the specified index. + * @param {Number} index The index of the Record to find. + * @return {Ext.data.Record} The Record at the passed index. Returns undefined if not found. + */ + getAt : function(index){ + return this.data.itemAt(index); + }, + +
/** + * Returns a range of Records between specified indices. + * @param {Number} startIndex (optional) The starting index (defaults to 0) + * @param {Number} endIndex (optional) The ending index (defaults to the last Record in the Store) + * @return {Ext.data.Record[]} An array of Records + */ + getRange : function(start, end){ + return this.data.getRange(start, end); + }, + + // private + storeOptions : function(o){ + o = Ext.apply({}, o); + delete o.callback; + delete o.scope; + this.lastOptions = o; + }, + +
/** + *

Loads the Record cache from the configured {@link #proxy} using the configured {@link #reader}.

+ *

Notes:

+ * @param {Object} options An object containing properties which control loading options: + * @return {Boolean} If the developer provided {@link #beforeload} event handler returns + * false, the load call will abort and will return false; otherwise will return true. + */ + load : function(options) { + options = options || {}; + this.storeOptions(options); + if(this.sortInfo && this.remoteSort){ + var pn = this.paramNames; + options.params = options.params || {}; + options.params[pn.sort] = this.sortInfo.field; + options.params[pn.dir] = this.sortInfo.direction; + } + try { + return this.execute('read', null, options); // <-- null represents rs. No rs for load actions. + } catch(e) { + this.handleException(e); + return false; + } + }, + + /** + * updateRecord Should not be used directly. This method will be called automatically if a Writer is set. + * Listens to 'update' event. + * @param {Object} store + * @param {Object} record + * @param {Object} action + * @private + */ + updateRecord : function(store, record, action) { + if (action == Ext.data.Record.EDIT && this.autoSave === true && (!record.phantom || (record.phantom && record.isValid))) { + this.save(); + } + }, + + /** + * Should not be used directly. Store#add will call this automatically if a Writer is set + * @param {Object} store + * @param {Object} rs + * @param {Object} index + * @private + */ + createRecords : function(store, rs, index) { + for (var i = 0, len = rs.length; i < len; i++) { + if (rs[i].phantom && rs[i].isValid()) { + rs[i].markDirty(); // <-- Mark new records dirty + this.modified.push(rs[i]); // <-- add to modified + } + } + if (this.autoSave === true) { + this.save(); + } + }, + + /** + * Destroys a record or records. Should not be used directly. It's called by Store#remove if a Writer is set. + * @param {Store} this + * @param {Ext.data.Record/Ext.data.Record[]} + * @param {Number} index + * @private + */ + destroyRecord : function(store, record, index) { + if (this.modified.indexOf(record) != -1) { // <-- handled already if @cfg pruneModifiedRecords == true + this.modified.remove(record); + } + if (!record.phantom) { + this.removed.push(record); + + // since the record has already been removed from the store but the server request has not yet been executed, + // must keep track of the last known index this record existed. If a server error occurs, the record can be + // put back into the store. @see Store#createCallback where the record is returned when response status === false + record.lastIndex = index; + + if (this.autoSave === true) { + this.save(); + } + } + }, + + /** + * This method should generally not be used directly. This method is called internally + * by {@link #load}, or if a Writer is set will be called automatically when {@link #add}, + * {@link #remove}, or {@link #update} events fire. + * @param {String} action Action name ('read', 'create', 'update', or 'destroy') + * @param {Record/Record[]} rs + * @param {Object} options + * @throws Error + * @private + */ + execute : function(action, rs, options) { + // blow up if action not Ext.data.CREATE, READ, UPDATE, DESTROY + if (!Ext.data.Api.isAction(action)) { + throw new Ext.data.Api.Error('execute', action); + } + // make sure options has a params key + options = Ext.applyIf(options||{}, { + params: {} + }); + + // have to separate before-events since load has a different signature than create,destroy and save events since load does not + // include the rs (record resultset) parameter. Capture return values from the beforeaction into doRequest flag. + var doRequest = true; + + if (action === 'read') { + doRequest = this.fireEvent('beforeload', this, options); + } + else { + // if Writer is configured as listful, force single-recoord rs to be [{}} instead of {} + if (this.writer.listful === true && this.restful !== true) { + rs = (Ext.isArray(rs)) ? rs : [rs]; + } + // if rs has just a single record, shift it off so that Writer writes data as '{}' rather than '[{}]' + else if (Ext.isArray(rs) && rs.length == 1) { + rs = rs.shift(); + } + // Write the action to options.params + if ((doRequest = this.fireEvent('beforewrite', this, action, rs, options)) !== false) { + this.writer.write(action, options.params, rs); + } + } + if (doRequest !== false) { + // Send request to proxy. + var params = Ext.apply({}, options.params, this.baseParams); + if (this.writer && this.proxy.url && !this.proxy.restful && !Ext.data.Api.hasUniqueUrl(this.proxy, action)) { + params.xaction = action; + } + // Note: Up until this point we've been dealing with 'action' as a key from Ext.data.Api.actions. We'll flip it now + // and send the value into DataProxy#request, since it's the value which maps to the DataProxy#api + this.proxy.request(Ext.data.Api.actions[action], rs, params, this.reader, this.createCallback(action, rs), this, options); + } + return doRequest; + }, + +
/** + * Saves all pending changes to the store. If the commensurate Ext.data.Api.actions action is not configured, then + * the configured {@link #url} will be used. + *
+     * change            url
+     * ---------------   --------------------
+     * removed records   Ext.data.Api.actions.destroy
+     * phantom records   Ext.data.Api.actions.create
+     * {@link #getModifiedRecords modified records}  Ext.data.Api.actions.update
+     * 
+ * @TODO: Create extensions of Error class and send associated Record with thrown exceptions. + * e.g.: Ext.data.DataReader.Error or Ext.data.Error or Ext.data.DataProxy.Error, etc. + */ + save : function() { + if (!this.writer) { + throw new Ext.data.Store.Error('writer-undefined'); + } + + // DESTROY: First check for removed records. Records in this.removed are guaranteed non-phantoms. @see Store#remove + if (this.removed.length) { + this.doTransaction('destroy', this.removed); + } + + // Check for modified records. Use a copy so Store#rejectChanges will work if server returns error. + var rs = [].concat(this.getModifiedRecords()); + if (!rs.length) { // Bail-out if empty... + return true; + } + + // CREATE: Next check for phantoms within rs. splice-off and execute create. + var phantoms = []; + for (var i = rs.length-1; i >= 0; i--) { + if (rs[i].phantom === true) { + var rec = rs.splice(i, 1).shift(); + if (rec.isValid()) { + phantoms.push(rec); + } + } else if (!rs[i].isValid()) { // <-- while we're here, splice-off any !isValid real records + rs.splice(i,1); + } + } + // If we have valid phantoms, create them... + if (phantoms.length) { + this.doTransaction('create', phantoms); + } + + // UPDATE: And finally, if we're still here after splicing-off phantoms and !isValid real records, update the rest... + if (rs.length) { + this.doTransaction('update', rs); + } + return true; + }, + + // private. Simply wraps call to Store#execute in try/catch. Defers to Store#handleException on error. Loops if batch: false + doTransaction : function(action, rs) { + function transaction(records) { + try { + this.execute(action, records); + } catch (e) { + this.handleException(e); + } + } + if (this.batch === false) { + for (var i = 0, len = rs.length; i < len; i++) { + transaction.call(this, rs[i]); + } + } else { + transaction.call(this, rs); + } + }, + + // @private callback-handler for remote CRUD actions + // Do not override -- override loadRecords, onCreateRecords, onDestroyRecords and onUpdateRecords instead. + createCallback : function(action, rs) { + var actions = Ext.data.Api.actions; + return (action == 'read') ? this.loadRecords : function(data, response, success) { + // calls: onCreateRecords | onUpdateRecords | onDestroyRecords + this['on' + Ext.util.Format.capitalize(action) + 'Records'](success, rs, data); + // If success === false here, exception will have been called in DataProxy + if (success === true) { + this.fireEvent('write', this, action, data, response, rs); + } + }; + }, + + // Clears records from modified array after an exception event. + // NOTE: records are left marked dirty. Do we want to commit them even though they were not updated/realized? + // TODO remove this method? + clearModified : function(rs) { + if (Ext.isArray(rs)) { + for (var n=rs.length-1;n>=0;n--) { + this.modified.splice(this.modified.indexOf(rs[n]), 1); + } + } else { + this.modified.splice(this.modified.indexOf(rs), 1); + } + }, + + // remap record ids in MixedCollection after records have been realized. @see Store#onCreateRecords, @see DataReader#realize + reMap : function(record) { + if (Ext.isArray(record)) { + for (var i = 0, len = record.length; i < len; i++) { + this.reMap(record[i]); + } + } else { + delete this.data.map[record._phid]; + this.data.map[record.id] = record; + var index = this.data.keys.indexOf(record._phid); + this.data.keys.splice(index, 1, record.id); + delete record._phid; + } + }, + + // @protected onCreateRecord proxy callback for create action + onCreateRecords : function(success, rs, data) { + if (success === true) { + try { + this.reader.realize(rs, data); + this.reMap(rs); + } + catch (e) { + this.handleException(e); + if (Ext.isArray(rs)) { + // Recurse to run back into the try {}. DataReader#realize splices-off the rs until empty. + this.onCreateRecords(success, rs, data); + } + } + } + }, + + // @protected, onUpdateRecords proxy callback for update action + onUpdateRecords : function(success, rs, data) { + if (success === true) { + try { + this.reader.update(rs, data); + } catch (e) { + this.handleException(e); + if (Ext.isArray(rs)) { + // Recurse to run back into the try {}. DataReader#update splices-off the rs until empty. + this.onUpdateRecords(success, rs, data); + } + } + } + }, + + // @protected onDestroyRecords proxy callback for destroy action + onDestroyRecords : function(success, rs, data) { + // splice each rec out of this.removed + rs = (rs instanceof Ext.data.Record) ? [rs] : rs; + for (var i=0,len=rs.length;i=0;i--) { + this.insert(rs[i].lastIndex, rs[i]); // <-- lastIndex set in Store#destroyRecord + } + } + }, + + // protected handleException. Possibly temporary until Ext framework has an exception-handler. + handleException : function(e) { + // @see core/Error.js + Ext.handleError(e); + }, + +
/** + *

Reloads the Record cache from the configured Proxy using the configured {@link Ext.data.Reader Reader} and + * the options from the last load operation performed.

+ *

Note: see the Important note in {@link #load}.

+ * @param {Object} options (optional) An Object containing {@link #load loading options} which may + * override the options used in the last {@link #load} operation. See {@link #load} for details (defaults to + * null, in which case the {@link #lastOptions} are used). + */ + reload : function(options){ + this.load(Ext.applyIf(options||{}, this.lastOptions)); + }, + + // private + // Called as a callback by the Reader during a load operation. + loadRecords : function(o, options, success){ + if(!o || success === false){ + if(success !== false){ + this.fireEvent('load', this, [], options); + } + if(options.callback){ + options.callback.call(options.scope || this, [], options, false, o); + } + return; + } + var r = o.records, t = o.totalRecords || r.length; + if(!options || options.add !== true){ + if(this.pruneModifiedRecords){ + this.modified = []; + } + for(var i = 0, len = r.length; i < len; i++){ + r[i].join(this); + } + if(this.snapshot){ + this.data = this.snapshot; + delete this.snapshot; + } + this.data.clear(); + this.data.addAll(r); + this.totalLength = t; + this.applySort(); + this.fireEvent('datachanged', this); + }else{ + this.totalLength = Math.max(t, this.data.length+r.length); + this.add(r); + } + this.fireEvent('load', this, r, options); + if(options.callback){ + options.callback.call(options.scope || this, r, options, true); + } + }, + +
/** + * Loads data from a passed data block and fires the {@link #load} event. A {@link Ext.data.Reader Reader} + * which understands the format of the data must have been configured in the constructor. + * @param {Object} data The data block from which to read the Records. The format of the data expected + * is dependent on the type of {@link Ext.data.Reader Reader} that is configured and should correspond to + * that {@link Ext.data.Reader Reader}'s {@link Ext.data.Reader#readRecords} parameter. + * @param {Boolean} append (Optional) true to append the new Records rather the default to replace + * the existing cache. + * Note: that Records in a Store are keyed by their {@link Ext.data.Record#id id}, so added Records + * with ids which are already present in the Store will replace existing Records. Only Records with + * new, unique ids will be added. + */ + loadData : function(o, append){ + var r = this.reader.readRecords(o); + this.loadRecords(r, {add: append}, true); + }, + +
/** + * Gets the number of cached records. + *

If using paging, this may not be the total size of the dataset. If the data object + * used by the Reader contains the dataset size, then the {@link #getTotalCount} function returns + * the dataset size. Note: see the Important note in {@link #load}.

+ * @return {Number} The number of Records in the Store's cache. + */ + getCount : function(){ + return this.data.length || 0; + }, + +
/** + * Gets the total number of records in the dataset as returned by the server. + *

If using paging, for this to be accurate, the data object used by the {@link #reader Reader} + * must contain the dataset size. For remote data sources, the value for this property + * (totalProperty for {@link Ext.data.JsonReader JsonReader}, + * totalRecords for {@link Ext.data.XmlReader XmlReader}) shall be returned by a query on the server. + * Note: see the Important note in {@link #load}.

+ * @return {Number} The number of Records as specified in the data object passed to the Reader + * by the Proxy. + *

Note: this value is not updated when changing the contents of the Store locally.

+ */ + getTotalCount : function(){ + return this.totalLength || 0; + }, + +
/** + * Returns an object describing the current sort state of this Store. + * @return {Object} The sort state of the Store. An object with two properties: + * See {@link #sortInfo} for additional details. + */ + getSortState : function(){ + return this.sortInfo; + }, + + // private + applySort : function(){ + if(this.sortInfo && !this.remoteSort){ + var s = this.sortInfo, f = s.field; + this.sortData(f, s.direction); + } + }, + + // private + sortData : function(f, direction){ + direction = direction || 'ASC'; + var st = this.fields.get(f).sortType; + var fn = function(r1, r2){ + var v1 = st(r1.data[f]), v2 = st(r2.data[f]); + return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0); + }; + this.data.sort(direction, fn); + if(this.snapshot && this.snapshot != this.data){ + this.snapshot.sort(direction, fn); + } + }, + +
/** + * Sets the default sort column and order to be used by the next {@link #load} operation. + * @param {String} fieldName The name of the field to sort by. + * @param {String} dir (optional) The sort order, 'ASC' or 'DESC' (case-sensitive, defaults to 'ASC') + */ + setDefaultSort : function(field, dir){ + dir = dir ? dir.toUpperCase() : 'ASC'; + this.sortInfo = {field: field, direction: dir}; + this.sortToggle[field] = dir; + }, + +
/** + * Sort the Records. + * If remote sorting is used, the sort is performed on the server, and the cache is reloaded. If local + * sorting is used, the cache is sorted internally. See also {@link #remoteSort} and {@link #paramNames}. + * @param {String} fieldName The name of the field to sort by. + * @param {String} dir (optional) The sort order, 'ASC' or 'DESC' (case-sensitive, defaults to 'ASC') + */ + sort : function(fieldName, dir){ + var f = this.fields.get(fieldName); + if(!f){ + return false; + } + if(!dir){ + if(this.sortInfo && this.sortInfo.field == f.name){ // toggle sort dir + dir = (this.sortToggle[f.name] || 'ASC').toggle('ASC', 'DESC'); + }else{ + dir = f.sortDir; + } + } + var st = (this.sortToggle) ? this.sortToggle[f.name] : null; + var si = (this.sortInfo) ? this.sortInfo : null; + + this.sortToggle[f.name] = dir; + this.sortInfo = {field: f.name, direction: dir}; + if(!this.remoteSort){ + this.applySort(); + this.fireEvent('datachanged', this); + }else{ + if (!this.load(this.lastOptions)) { + if (st) { + this.sortToggle[f.name] = st; + } + if (si) { + this.sortInfo = si; + } + } + } + }, + +
/** + * Calls the specified function for each of the {@link Ext.data.Record Records} in the cache. + * @param {Function} fn The function to call. The {@link Ext.data.Record Record} is passed as the first parameter. + * Returning false aborts and exits the iteration. + * @param {Object} scope (optional) The scope in which to call the function (defaults to the {@link Ext.data.Record Record}). + */ + each : function(fn, scope){ + this.data.each(fn, scope); + }, + +
/** + * Gets all {@link Ext.data.Record records} modified since the last commit. Modified records are + * persisted across load operations (e.g., during paging). Note: deleted records are not + * included. See also {@link #pruneModifiedRecords} and + * {@link Ext.data.Record}{@link Ext.data.Record#markDirty markDirty}.. + * @return {Ext.data.Record[]} An array of {@link Ext.data.Record Records} containing outstanding + * modifications. To obtain modified fields within a modified record see + *{@link Ext.data.Record}{@link Ext.data.Record#modified modified}.. + */ + getModifiedRecords : function(){ + return this.modified; + }, + + // private + createFilterFn : function(property, value, anyMatch, caseSensitive){ + if(Ext.isEmpty(value, false)){ + return false; + } + value = this.data.createValueMatcher(value, anyMatch, caseSensitive); + return function(r){ + return value.test(r.data[property]); + }; + }, + +
/** + * Sums the value of property for each {@link Ext.data.Record record} between start + * and end and returns the result. + * @param {String} property A field in each record + * @param {Number} start (optional) The record index to start at (defaults to 0) + * @param {Number} end (optional) The last record index to include (defaults to length - 1) + * @return {Number} The sum + */ + sum : function(property, start, end){ + var rs = this.data.items, v = 0; + start = start || 0; + end = (end || end === 0) ? end : rs.length-1; + + for(var i = start; i <= end; i++){ + v += (rs[i].data[property] || 0); + } + return v; + }, + +
/** + * Filter the {@link Ext.data.Record records} by a specified property. + * @param {String} field A field on your records + * @param {String/RegExp} value Either a string that the field should begin with, or a RegExp to test + * against the field. + * @param {Boolean} anyMatch (optional) true to match any part not just the beginning + * @param {Boolean} caseSensitive (optional) true for case sensitive comparison + */ + filter : function(property, value, anyMatch, caseSensitive){ + var fn = this.createFilterFn(property, value, anyMatch, caseSensitive); + return fn ? this.filterBy(fn) : this.clearFilter(); + }, + +
/** + * Filter by a function. The specified function will be called for each + * Record in this Store. If the function returns true the Record is included, + * otherwise it is filtered out. + * @param {Function} fn The function to be called. It will be passed the following parameters:
    + *
  • record : Ext.data.Record

    The {@link Ext.data.Record record} + * to test for filtering. Access field values using {@link Ext.data.Record#get}.

  • + *
  • id : Object

    The ID of the Record passed.

  • + *
+ * @param {Object} scope (optional) The scope of the function (defaults to this) + */ + filterBy : function(fn, scope){ + this.snapshot = this.snapshot || this.data; + this.data = this.queryBy(fn, scope||this); + this.fireEvent('datachanged', this); + }, + +
/** + * Query the records by a specified property. + * @param {String} field A field on your records + * @param {String/RegExp} value Either a string that the field + * should begin with, or a RegExp to test against the field. + * @param {Boolean} anyMatch (optional) True to match any part not just the beginning + * @param {Boolean} caseSensitive (optional) True for case sensitive comparison + * @return {MixedCollection} Returns an Ext.util.MixedCollection of the matched records + */ + query : function(property, value, anyMatch, caseSensitive){ + var fn = this.createFilterFn(property, value, anyMatch, caseSensitive); + return fn ? this.queryBy(fn) : this.data.clone(); + }, + +
/** + * Query the cached records in this Store using a filtering function. The specified function + * will be called with each record in this Store. If the function returns true the record is + * included in the results. + * @param {Function} fn The function to be called. It will be passed the following parameters:
    + *
  • record : Ext.data.Record

    The {@link Ext.data.Record record} + * to test for filtering. Access field values using {@link Ext.data.Record#get}.

  • + *
  • id : Object

    The ID of the Record passed.

  • + *
+ * @param {Object} scope (optional) The scope of the function (defaults to this) + * @return {MixedCollection} Returns an Ext.util.MixedCollection of the matched records + **/ + queryBy : function(fn, scope){ + var data = this.snapshot || this.data; + return data.filterBy(fn, scope||this); + }, + +
/** + * Finds the index of the first matching record in this store by a specific property/value. + * @param {String} property A property on your objects + * @param {String/RegExp} value Either a string that the property value + * should begin with, or a RegExp to test against the property. + * @param {Number} startIndex (optional) The index to start searching at + * @param {Boolean} anyMatch (optional) True to match any part of the string, not just the beginning + * @param {Boolean} caseSensitive (optional) True for case sensitive comparison + * @return {Number} The matched index or -1 + */ + find : function(property, value, start, anyMatch, caseSensitive){ + var fn = this.createFilterFn(property, value, anyMatch, caseSensitive); + return fn ? this.data.findIndexBy(fn, null, start) : -1; + }, + +
/** + * Finds the index of the first matching record in this store by a specific property/value. + * @param {String} property A property on your objects + * @param {String/RegExp} value The value to match against + * @param {Number} startIndex (optional) The index to start searching at + * @return {Number} The matched index or -1 + */ + findExact: function(property, value, start){ + return this.data.findIndexBy(function(rec){ + return rec.get(property) === value; + }, this, start); + }, + +
/** + * Find the index of the first matching Record in this Store by a function. + * If the function returns true it is considered a match. + * @param {Function} fn The function to be called. It will be passed the following parameters:
    + *
  • record : Ext.data.Record

    The {@link Ext.data.Record record} + * to test for filtering. Access field values using {@link Ext.data.Record#get}.

  • + *
  • id : Object

    The ID of the Record passed.

  • + *
+ * @param {Object} scope (optional) The scope of the function (defaults to this) + * @param {Number} startIndex (optional) The index to start searching at + * @return {Number} The matched index or -1 + */ + findBy : function(fn, scope, start){ + return this.data.findIndexBy(fn, scope, start); + }, + +
/** + * Collects unique values for a particular dataIndex from this store. + * @param {String} dataIndex The property to collect + * @param {Boolean} allowNull (optional) Pass true to allow null, undefined or empty string values + * @param {Boolean} bypassFilter (optional) Pass true to collect from all records, even ones which are filtered + * @return {Array} An array of the unique values + **/ + collect : function(dataIndex, allowNull, bypassFilter){ + var d = (bypassFilter === true && this.snapshot) ? + this.snapshot.items : this.data.items; + var v, sv, r = [], l = {}; + for(var i = 0, len = d.length; i < len; i++){ + v = d[i].data[dataIndex]; + sv = String(v); + if((allowNull || !Ext.isEmpty(v)) && !l[sv]){ + l[sv] = true; + r[r.length] = v; + } + } + return r; + }, + +
/** + * Revert to a view of the Record cache with no filtering applied. + * @param {Boolean} suppressEvent If true the filter is cleared silently without firing the + * {@link #datachanged} event. + */ + clearFilter : function(suppressEvent){ + if(this.isFiltered()){ + this.data = this.snapshot; + delete this.snapshot; + if(suppressEvent !== true){ + this.fireEvent('datachanged', this); + } + } + }, + +
/** + * Returns true if this store is currently filtered + * @return {Boolean} + */ + isFiltered : function(){ + return this.snapshot && this.snapshot != this.data; + }, + + // private + afterEdit : function(record){ + if(this.modified.indexOf(record) == -1){ + this.modified.push(record); + } + this.fireEvent('update', this, record, Ext.data.Record.EDIT); + }, + + // private + afterReject : function(record){ + this.modified.remove(record); + this.fireEvent('update', this, record, Ext.data.Record.REJECT); + }, + + // private + afterCommit : function(record){ + this.modified.remove(record); + this.fireEvent('update', this, record, Ext.data.Record.COMMIT); + }, + +
/** + * Commit all Records with {@link #getModifiedRecords outstanding changes}. To handle updates for changes, + * subscribe to the Store's {@link #update update event}, and perform updating when the third parameter is + * Ext.data.Record.COMMIT. + */ + commitChanges : function(){ + var m = this.modified.slice(0); + this.modified = []; + for(var i = 0, len = m.length; i < len; i++){ + m[i].commit(); + } + }, + +
/** + * {@link Ext.data.Record#reject Reject} outstanding changes on all {@link #getModifiedRecords modified records}. + */ + rejectChanges : function(){ + var m = this.modified.slice(0); + this.modified = []; + for(var i = 0, len = m.length; i < len; i++){ + m[i].reject(); + } + var m = this.removed.slice(0).reverse(); + this.removed = []; + for(var i = 0, len = m.length; i < len; i++){ + this.insert(m[i].lastIndex||0, m[i]); + m[i].reject(); + } + }, + + // private + onMetaChange : function(meta, rtype, o){ + this.recordType = rtype; + this.fields = rtype.prototype.fields; + delete this.snapshot; + if(meta.sortInfo){ + this.sortInfo = meta.sortInfo; + }else if(this.sortInfo && !this.fields.get(this.sortInfo.field)){ + delete this.sortInfo; + } + this.modified = []; + this.fireEvent('metachange', this, this.reader.meta); + }, + + // private + findInsertIndex : function(record){ + this.suspendEvents(); + var data = this.data.clone(); + this.data.add(record); + this.applySort(); + var index = this.data.indexOf(record); + this.data = data; + this.resumeEvents(); + return index; + }, + +
/** + * Set the value for a property name in this store's {@link #baseParams}. Usage:


+myStore.setBaseParam('foo', {bar:3});
+
+ * @param {String} name Name of the property to assign + * @param {Mixed} value Value to assign the named property + **/ + setBaseParam : function (name, value){ + this.baseParams = this.baseParams || {}; + this.baseParams[name] = value; + } +}); + +Ext.reg('store', Ext.data.Store); + +
/** + * @class Ext.data.Store.Error + * @extends Ext.Error + * Store Error extension. + * @param {String} name + */ +Ext.data.Store.Error = Ext.extend(Ext.Error, { + name: 'Ext.data.Store' +}); +Ext.apply(Ext.data.Store.Error.prototype, { + lang: { + 'writer-undefined' : 'Attempted to execute a write-action without a DataWriter installed.' + } +}); + +
+ + \ No newline at end of file