<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
<style type="text/css">
.highlight { display: block; background-color: #ddd; }
</style>
<script type="text/javascript">
function highlight() {
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
}
</script>
</head>
<body onload="prettyPrint(); highlight();">
<pre class="prettyprint lang-js"><span id='Ext-ux-grid-filter-NumericFilter'>/**
</span> * @class Ext.ux.grid.filter.NumericFilter
* @extends Ext.ux.grid.filter.Filter
* Filters using an Ext.ux.grid.menu.RangeMenu.
* <p><b><u>Example Usage:</u></b></p>
* <pre><code>
var filters = Ext.create('Ext.ux.grid.GridFilters', {
...
filters: [{
type: 'numeric',
dataIndex: 'price'
}]
});
* </code></pre>
* <p>Any of the configuration options for {@link Ext.ux.grid.menu.RangeMenu} can also be specified as
* configurations to NumericFilter, and will be copied over to the internal menu instance automatically.</p>
*/
Ext.define('Ext.ux.grid.filter.NumericFilter', {
extend: 'Ext.ux.grid.filter.Filter',
alias: 'gridfilter.numeric',
uses: ['Ext.form.field.Number'],
<span id='Ext-ux-grid-filter-NumericFilter-method-createMenu'> /**
</span> * @private @override
* Creates the Menu for this filter.
* @param {Object} config Filter configuration
* @return {Ext.menu.Menu}
*/
createMenu: function(config) {
var me = this,
menu;
menu = Ext.create('Ext.ux.grid.menu.RangeMenu', config);
menu.on('update', me.fireUpdate, me);
return menu;
},
<span id='Ext-ux-grid-filter-NumericFilter-method-getValue'> /**
</span> * @private
* Template method that is to get and return the value of the filter.
* @return {String} The value of this filter
*/
getValue : function () {
return this.menu.getValue();
},
<span id='Ext-ux-grid-filter-NumericFilter-method-setValue'> /**
</span> * @private
* Template method that is to set the value of the filter.
* @param {Object} value The value to set the filter
*/
setValue : function (value) {
this.menu.setValue(value);
},
<span id='Ext-ux-grid-filter-NumericFilter-method-isActivatable'> /**
</span> * @private
* Template method that is to return <tt>true</tt> if the filter
* has enough configuration information to be activated.
* @return {Boolean}
*/
isActivatable : function () {
var values = this.getValue(),
key;
for (key in values) {
if (values[key] !== undefined) {
return true;
}
}
return false;
},
<span id='Ext-ux-grid-filter-NumericFilter-method-getSerialArgs'> /**
</span> * @private
* Template method that is to get and return serialized filter data for
* transmission to the server.
* @return {Object/Array} An object or collection of objects containing
* key value pairs representing the current configuration of the filter.
*/
getSerialArgs : function () {
var key,
args = [],
values = this.menu.getValue();
for (key in values) {
args.push({
type: 'numeric',
comparison: key,
value: values[key]
});
}
return args;
},
<span id='Ext-ux-grid-filter-NumericFilter-method-validateRecord'> /**
</span> * Template method that is to validate the provided Ext.data.Record
* against the filters configuration.
* @param {Ext.data.Record} record The record to validate
* @return {Boolean} true if the record is valid within the bounds
* of the filter, false otherwise.
*/
validateRecord : function (record) {
var val = record.get(this.dataIndex),
values = this.getValue(),
isNumber = Ext.isNumber;
if (isNumber(values.eq) && val != values.eq) {
return false;
}
if (isNumber(values.lt) && val >= values.lt) {
return false;
}
if (isNumber(values.gt) && val <= values.gt) {
return false;
}
return true;
}
});
</pre>
</body>
</html>