X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/source/Filter.html diff --git a/docs/source/Filter.html b/docs/source/Filter.html new file mode 100644 index 00000000..13345bc7 --- /dev/null +++ b/docs/source/Filter.html @@ -0,0 +1,147 @@ +
\ No newline at end of file/** + * @class Ext.util.Filter + * @extends Object + * <p>Represents a filter that can be applied to a {@link Ext.util.MixedCollection MixedCollection}. Can either simply + * filter on a property/value pair or pass in a filter function with custom logic. Filters are always used in the context + * of MixedCollections, though {@link Ext.data.Store Store}s frequently create them when filtering and searching on their + * records. Example usage:</p> +<pre><code> +//set up a fictional MixedCollection containing a few people to filter on +var allNames = new Ext.util.MixedCollection(); +allNames.addAll([ + {id: 1, name: 'Ed', age: 25}, + {id: 2, name: 'Jamie', age: 37}, + {id: 3, name: 'Abe', age: 32}, + {id: 4, name: 'Aaron', age: 26}, + {id: 5, name: 'David', age: 32} +]); + +var ageFilter = new Ext.util.Filter({ + property: 'age', + value : 32 +}); + +var longNameFilter = new Ext.util.Filter({ + filterFn: function(item) { + return item.name.length > 4; + } +}); + +//a new MixedCollection with the 3 names longer than 4 characters +var longNames = allNames.filter(longNameFilter); + +//a new MixedCollection with the 2 people of age 24: +var youngFolk = allNames.filter(ageFilter); +</code></pre> + * @constructor + * @param {Object} config Config object + */ +Ext.define('Ext.util.Filter', { + + /* Begin Definitions */ + + /* End Definitions */ + /** + * @cfg {String} property The property to filter on. Required unless a {@link #filter} is passed + */ + + /** + * @cfg {Function} filterFn A custom filter function which is passed each item in the {@link Ext.util.MixedCollection} + * in turn. Should return true to accept each item or false to reject it + */ + + /** + * @cfg {Boolean} anyMatch True to allow any match - no regex start/end line anchors will be added. Defaults to false + */ + anyMatch: false, + + /** + * @cfg {Boolean} exactMatch True to force exact match (^ and $ characters added to the regex). Defaults to false. + * Ignored if anyMatch is true. + */ + exactMatch: false, + + /** + * @cfg {Boolean} caseSensitive True to make the regex case sensitive (adds 'i' switch to regex). Defaults to false. + */ + caseSensitive: false, + + /** + * @cfg {String} root Optional root property. This is mostly useful when filtering a Store, in which case we set the + * root to 'data' to make the filter pull the {@link #property} out of the data object of each item + */ + + constructor: function(config) { + Ext.apply(this, config); + + //we're aliasing filter to filterFn mostly for API cleanliness reasons, despite the fact it dirties the code here. + //Ext.util.Sorter takes a sorterFn property but allows .sort to be called - we do the same here + this.filter = this.filter || this.filterFn; + + if (this.filter == undefined) { + if (this.property == undefined || this.value == undefined) { + // Commented this out temporarily because it stops us using string ids in models. TODO: Remove this once + // Model has been updated to allow string ids + + // Ext.Error.raise("A Filter requires either a property or a filterFn to be set"); + } else { + this.filter = this.createFilterFn(); + } + + this.filterFn = this.filter; + } + }, + + /** + * @private + * Creates a filter function for the configured property/value/anyMatch/caseSensitive options for this Filter + */ + createFilterFn: function() { + var me = this, + matcher = me.createValueMatcher(), + property = me.property; + + return function(item) { + return matcher.test(me.getRoot.call(me, item)[property]); + }; + }, + + /** + * @private + * Returns the root property of the given item, based on the configured {@link #root} property + * @param {Object} item The item + * @return {Object} The root property of the object + */ + getRoot: function(item) { + return this.root == undefined ? item : item[this.root]; + }, + + /** + * @private + * Returns a regular expression based on the given value and matching options + */ + createValueMatcher : function() { + var me = this, + value = me.value, + anyMatch = me.anyMatch, + exactMatch = me.exactMatch, + caseSensitive = me.caseSensitive, + escapeRe = Ext.String.escapeRegex; + + if (!value.exec) { // not a regex + value = String(value); + + if (anyMatch === true) { + value = escapeRe(value); + } else { + value = '^' + escapeRe(value); + if (exactMatch === true) { + value += '$'; + } + } + value = new RegExp(value, caseSensitive ? '' : 'i'); + } + + return value; + } +});