4 * Generate the node required for filtering text
5 * @returns {node} Filter control element
6 * @param {object} oSettings dataTables settings object
7 * @memberof DataTable#oApi
9 function _fnFeatureHtmlFilter ( oSettings )
11 var oPreviousSearch = oSettings.oPreviousSearch;
13 var sSearchStr = oSettings.oLanguage.sSearch;
14 sSearchStr = (sSearchStr.indexOf('_INPUT_') !== -1) ?
15 sSearchStr.replace('_INPUT_', '<input type="text" />') :
16 sSearchStr==="" ? '<input type="text" />' : sSearchStr+' <input type="text" />';
18 var nFilter = document.createElement( 'div' );
19 nFilter.className = oSettings.oClasses.sFilter;
20 nFilter.innerHTML = '<label>'+sSearchStr+'</label>';
21 if ( !oSettings.aanFeatures.f )
23 nFilter.id = oSettings.sTableId+'_filter';
26 var jqFilter = $('input[type="text"]', nFilter);
28 // Store a reference to the input element, so other input elements could be
29 // added to the filter wrapper if needed (submit button for example)
30 nFilter._DT_Input = jqFilter[0];
32 jqFilter.val( oPreviousSearch.sSearch.replace('"','"') );
33 jqFilter.bind( 'keyup.DT', function(e) {
34 /* Update all other filter input elements for the new display */
35 var n = oSettings.aanFeatures.f;
36 var val = this.value==="" ? "" : this.value; // mental IE8 fix :-(
38 for ( var i=0, iLen=n.length ; i<iLen ; i++ )
40 if ( n[i] != $(this).parents('div.dataTables_filter')[0] )
42 $(n[i]._DT_Input).val( val );
46 /* Now do the filter */
47 if ( val != oPreviousSearch.sSearch )
49 _fnFilterComplete( oSettings, {
51 "bRegex": oPreviousSearch.bRegex,
52 "bSmart": oPreviousSearch.bSmart ,
53 "bCaseInsensitive": oPreviousSearch.bCaseInsensitive
59 .attr('aria-controls', oSettings.sTableId)
60 .bind( 'keypress.DT', function(e) {
61 /* Prevent form submission */
62 if ( e.keyCode == 13 )
74 * Filter the table using both the global filter and column based filtering
75 * @param {object} oSettings dataTables settings object
76 * @param {object} oSearch search information
77 * @param {int} [iForce] force a research of the master array (1) or not (undefined or 0)
78 * @memberof DataTable#oApi
80 function _fnFilterComplete ( oSettings, oInput, iForce )
82 var oPrevSearch = oSettings.oPreviousSearch;
83 var aoPrevSearch = oSettings.aoPreSearchCols;
84 var fnSaveFilter = function ( oFilter ) {
85 /* Save the filtering values */
86 oPrevSearch.sSearch = oFilter.sSearch;
87 oPrevSearch.bRegex = oFilter.bRegex;
88 oPrevSearch.bSmart = oFilter.bSmart;
89 oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive;
92 /* In server-side processing all filtering is done by the server, so no point hanging around here */
93 if ( !oSettings.oFeatures.bServerSide )
96 _fnFilter( oSettings, oInput.sSearch, iForce, oInput.bRegex, oInput.bSmart, oInput.bCaseInsensitive );
97 fnSaveFilter( oInput );
99 /* Now do the individual column filter */
100 for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ )
102 _fnFilterColumn( oSettings, aoPrevSearch[i].sSearch, i, aoPrevSearch[i].bRegex,
103 aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive );
106 /* Custom filtering */
107 _fnFilterCustom( oSettings );
111 fnSaveFilter( oInput );
114 /* Tell the draw function we have been filtering */
115 oSettings.bFiltered = true;
116 $(oSettings.oInstance).trigger('filter', oSettings);
118 /* Redraw the table */
119 oSettings._iDisplayStart = 0;
120 _fnCalculateEnd( oSettings );
121 _fnDraw( oSettings );
123 /* Rebuild search array 'offline' */
124 _fnBuildSearchArray( oSettings, 0 );
129 * Apply custom filtering functions
130 * @param {object} oSettings dataTables settings object
131 * @memberof DataTable#oApi
133 function _fnFilterCustom( oSettings )
135 var afnFilters = DataTable.ext.afnFiltering;
136 var aiFilterColumns = _fnGetColumns( oSettings, 'bSearchable' );
138 for ( var i=0, iLen=afnFilters.length ; i<iLen ; i++ )
141 for ( var j=0, jLen=oSettings.aiDisplay.length ; j<jLen ; j++ )
143 var iDisIndex = oSettings.aiDisplay[j-iCorrector];
144 var bTest = afnFilters[i](
146 _fnGetRowData( oSettings, iDisIndex, 'filter', aiFilterColumns ),
150 /* Check if we should use this row based on the filtering function */
153 oSettings.aiDisplay.splice( j-iCorrector, 1 );
162 * Filter the table on a per-column basis
163 * @param {object} oSettings dataTables settings object
164 * @param {string} sInput string to filter on
165 * @param {int} iColumn column to filter
166 * @param {bool} bRegex treat search string as a regular expression or not
167 * @param {bool} bSmart use smart filtering or not
168 * @param {bool} bCaseInsensitive Do case insenstive matching or not
169 * @memberof DataTable#oApi
171 function _fnFilterColumn ( oSettings, sInput, iColumn, bRegex, bSmart, bCaseInsensitive )
178 var iIndexCorrector = 0;
179 var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive );
181 for ( var i=oSettings.aiDisplay.length-1 ; i>=0 ; i-- )
183 var sData = _fnDataToSearch( _fnGetCellData( oSettings, oSettings.aiDisplay[i], iColumn, 'filter' ),
184 oSettings.aoColumns[iColumn].sType );
185 if ( ! rpSearch.test( sData ) )
187 oSettings.aiDisplay.splice( i, 1 );
195 * Filter the data table based on user input and draw the table
196 * @param {object} oSettings dataTables settings object
197 * @param {string} sInput string to filter on
198 * @param {int} iForce optional - force a research of the master array (1) or not (undefined or 0)
199 * @param {bool} bRegex treat as a regular expression or not
200 * @param {bool} bSmart perform smart filtering or not
201 * @param {bool} bCaseInsensitive Do case insenstive matching or not
202 * @memberof DataTable#oApi
204 function _fnFilter( oSettings, sInput, iForce, bRegex, bSmart, bCaseInsensitive )
207 var rpSearch = _fnFilterCreateSearch( sInput, bRegex, bSmart, bCaseInsensitive );
208 var oPrevSearch = oSettings.oPreviousSearch;
210 /* Check if we are forcing or not - optional parameter */
216 /* Need to take account of custom filtering functions - always filter */
217 if ( DataTable.ext.afnFiltering.length !== 0 )
223 * If the input is blank - we want the full data set
225 if ( sInput.length <= 0 )
227 oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length);
228 oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
233 * We are starting a new search or the new search string is smaller
234 * then the old one (i.e. delete). Search from the master array
236 if ( oSettings.aiDisplay.length == oSettings.aiDisplayMaster.length ||
237 oPrevSearch.sSearch.length > sInput.length || iForce == 1 ||
238 sInput.indexOf(oPrevSearch.sSearch) !== 0 )
240 /* Nuke the old display array - we are going to rebuild it */
241 oSettings.aiDisplay.splice( 0, oSettings.aiDisplay.length);
243 /* Force a rebuild of the search array */
244 _fnBuildSearchArray( oSettings, 1 );
246 /* Search through all records to populate the search array
247 * The the oSettings.aiDisplayMaster and asDataSearch arrays have 1 to 1
250 for ( i=0 ; i<oSettings.aiDisplayMaster.length ; i++ )
252 if ( rpSearch.test(oSettings.asDataSearch[i]) )
254 oSettings.aiDisplay.push( oSettings.aiDisplayMaster[i] );
260 /* Using old search array - refine it - do it this way for speed
261 * Don't have to search the whole master array again
263 var iIndexCorrector = 0;
265 /* Search the current results */
266 for ( i=0 ; i<oSettings.asDataSearch.length ; i++ )
268 if ( ! rpSearch.test(oSettings.asDataSearch[i]) )
270 oSettings.aiDisplay.splice( i-iIndexCorrector, 1 );
280 * Create an array which can be quickly search through
281 * @param {object} oSettings dataTables settings object
282 * @param {int} iMaster use the master data array - optional
283 * @memberof DataTable#oApi
285 function _fnBuildSearchArray ( oSettings, iMaster )
287 if ( !oSettings.oFeatures.bServerSide )
289 /* Clear out the old data */
290 oSettings.asDataSearch = [];
292 var aiFilterColumns = _fnGetColumns( oSettings, 'bSearchable' );
293 var aiIndex = (iMaster===1) ?
294 oSettings.aiDisplayMaster :
297 for ( var i=0, iLen=aiIndex.length ; i<iLen ; i++ )
299 oSettings.asDataSearch[i] = _fnBuildSearchRow(
301 _fnGetRowData( oSettings, aiIndex[i], 'filter', aiFilterColumns )
309 * Create a searchable string from a single data row
310 * @param {object} oSettings dataTables settings object
311 * @param {array} aData Row data array to use for the data to search
312 * @memberof DataTable#oApi
314 function _fnBuildSearchRow( oSettings, aData )
316 var sSearch = aData.join(' ');
318 /* If it looks like there is an HTML entity in the string, attempt to decode it */
319 if ( sSearch.indexOf('&') !== -1 )
321 sSearch = $('<div>').html(sSearch).text();
324 // Strip newline characters
325 return sSearch.replace( /[\n\r]/g, " " );
329 * Build a regular expression object suitable for searching a table
330 * @param {string} sSearch string to search for
331 * @param {bool} bRegex treat as a regular expression or not
332 * @param {bool} bSmart perform smart filtering or not
333 * @param {bool} bCaseInsensitive Do case insensitive matching or not
334 * @returns {RegExp} constructed object
335 * @memberof DataTable#oApi
337 function _fnFilterCreateSearch( sSearch, bRegex, bSmart, bCaseInsensitive )
339 var asSearch, sRegExpString;
343 /* Generate the regular expression to use. Something along the lines of:
344 * ^(?=.*?\bone\b)(?=.*?\btwo\b)(?=.*?\bthree\b).*$
346 asSearch = bRegex ? sSearch.split( ' ' ) : _fnEscapeRegex( sSearch ).split( ' ' );
347 sRegExpString = '^(?=.*?'+asSearch.join( ')(?=.*?' )+').*$';
348 return new RegExp( sRegExpString, bCaseInsensitive ? "i" : "" );
352 sSearch = bRegex ? sSearch : _fnEscapeRegex( sSearch );
353 return new RegExp( sSearch, bCaseInsensitive ? "i" : "" );
359 * Convert raw data into something that the user can search on
360 * @param {string} sData data to be modified
361 * @param {string} sType data type
362 * @returns {string} search string
363 * @memberof DataTable#oApi
365 function _fnDataToSearch ( sData, sType )
367 if ( typeof DataTable.ext.ofnSearch[sType] === "function" )
369 return DataTable.ext.ofnSearch[sType]( sData );
371 else if ( sData === null )
375 else if ( sType == "html" )
377 return sData.replace(/[\r\n]/g," ").replace( /<.*?>/g, "" );
379 else if ( typeof sData === "string" )
381 return sData.replace(/[\r\n]/g," ");
388 * scape a string such that it can be used in a regular expression
389 * @param {string} sVal string to escape
390 * @returns {string} escaped string
391 * @memberof DataTable#oApi
393 function _fnEscapeRegex ( sVal )
395 var acEscape = [ '/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\', '$', '^', '-' ];
396 var reReplace = new RegExp( '(\\' + acEscape.join('|\\') + ')', 'g' );
397 return sVal.replace(reReplace, '\\$1');