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
41 lines (40 loc) • 1.33 kB
JavaScript
/**
* This plugin permits to show the right page of DataTable to show the selected row
*
* @version 1.0
* @name row().show()
* @summary See the row in datable by display the right pagination page
* @author [Edouard Labre](http://www.edouardlabre.com)
*
* @param {void} a row must be selected
* @returns {DataTables.Api.Rows} DataTables Rows API instance
*
* @example
* // Add an element to a huge table and go to the right pagination page
* var table = $('#example').DataTable();
* var new_row = {
* DT_RowId: 'row_example',
* name: 'example',
* value: 'an example row'
* };
*
* table.row.add( new_row ).draw().show().draw(false);
*/
$.fn.dataTable.Api.register('row().show()', function() {
var page_info = this.table().page.info();
// Get row index
var new_row_index = this.index();
// Row position
var row_position = this.table().rows()[0].indexOf( new_row_index );
// Already on right page ?
if( row_position >= page_info.start && row_position < page_info.end ) {
// Return row object
return this;
}
// Find page number
var page_to_display = Math.floor( row_position / this.table().page.len() );
// Go to that page
this.table().page( page_to_display );
// Return row object
return this;
});