alpaca
Version:
Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide
82 lines (70 loc) • 2.54 kB
JavaScript
/*! SearchHighlight for DataTables v1.0.1
* 2014 SpryMedia Ltd - datatables.net/license
*/
/**
* @summary SearchHighlight
* @description Search term highlighter for DataTables
* @version 1.0.1
* @file dataTables.searchHighlight.js
* @author SpryMedia Ltd (www.sprymedia.co.uk)
* @contact www.sprymedia.co.uk/contact
* @copyright Copyright 2014 SpryMedia Ltd.
*
* License MIT - http://datatables.net/license/mit
*
* This feature plug-in for DataTables will highlight search terms in the
* DataTable as they are entered into the main search input element, or via the
* `search()` API method.
*
* It depends upon the jQuery Highlight plug-in by Bartek Szopka:
* http://bartaz.github.io/sandbox.js/jquery.highlight.js
*
* Search highlighting in DataTables can be enabled by:
*
* * Adding the class `searchHighlight` to the HTML table
* * Setting the `searchHighlight` parameter in the DataTables initialisation to
* be true
* * Setting the `searchHighlight` parameter to be true in the DataTables
* defaults (thus causing all tables to have this feature) - i.e.
* `$.fn.dataTable.defaults.searchHighlight = true`.
*
* For more detailed information please see:
* http://datatables.net/blog/2014-10-22
*/
(function(window, document, $){
function highlight( body, table )
{
// Removing the old highlighting first
body.unhighlight();
// Don't highlight the "not found" row, so we get the rows using the api
if ( table.rows( { filter: 'applied' } ).data().length ) {
body.highlight( $.trim( table.search() ).split(/\s+/) );
}
}
// Listen for DataTables initialisations
$(document).on( 'init.dt.dth', function (e, settings, json) {
if ( e.namespace !== 'dt' ) {
return;
}
var table = new $.fn.dataTable.Api( settings );
var body = $( table.table().body() );
if (
$( table.table().node() ).hasClass( 'searchHighlight' ) || // table has class
settings.oInit.searchHighlight || // option specified
$.fn.dataTable.defaults.searchHighlight // default set
) {
table
.on( 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth', function () {
highlight( body, table );
} )
.on( 'destroy', function () {
// Remove event handler
table.off( 'draw.dt.dth column-visibility.dt.dth column-reorder.dt.dth' );
} );
// initial highlight for state saved conditions and initial states
if ( table.search() ) {
highlight( body, table );
}
}
} );
})(window, document, jQuery);