You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.6 KiB
JavaScript
128 lines
3.6 KiB
JavaScript
/*! © SpryMedia Ltd - datatables.net/license */
|
|
|
|
(function( factory ){
|
|
if ( typeof define === 'function' && define.amd ) {
|
|
// AMD
|
|
define( ['jquery', 'datatables.net'], function ( $ ) {
|
|
return factory( $, window, document );
|
|
} );
|
|
}
|
|
else if ( typeof exports === 'object' ) {
|
|
// CommonJS
|
|
var jq = require('jquery');
|
|
var cjsRequires = function (root, $) {
|
|
if ( ! $.fn.dataTable ) {
|
|
require('datatables.net')(root, $);
|
|
}
|
|
};
|
|
|
|
if (typeof window === 'undefined') {
|
|
module.exports = function (root, $) {
|
|
if ( ! root ) {
|
|
// CommonJS environments without a window global must pass a
|
|
// root. This will give an error otherwise
|
|
root = window;
|
|
}
|
|
|
|
if ( ! $ ) {
|
|
$ = jq( root );
|
|
}
|
|
|
|
cjsRequires( root, $ );
|
|
return factory( $, root, root.document );
|
|
};
|
|
}
|
|
else {
|
|
cjsRequires( window, jq );
|
|
module.exports = factory( jq, window, window.document );
|
|
}
|
|
}
|
|
else {
|
|
// Browser
|
|
factory( jQuery, window, document );
|
|
}
|
|
}(function( $, window, document ) {
|
|
'use strict';
|
|
var DataTable = $.fn.dataTable;
|
|
|
|
|
|
/**
|
|
* @summary LengthLinks
|
|
* @description Page length control via links for DataTables
|
|
* @version 1.2.0
|
|
* @author Allan Jardine
|
|
*
|
|
* This feature plug-in for DataTables adds page length control links to the
|
|
* DataTable. The `-init layout` option can be used to insert the control
|
|
* using the `lengthLinks` option.
|
|
*
|
|
* @example
|
|
* $('#myTable').DataTable( {
|
|
* layout: {
|
|
* topStart: 'lengthLinks;
|
|
* }
|
|
* } );
|
|
*
|
|
* @example
|
|
* $('#myTable').DataTable( {
|
|
* layout: {
|
|
* topStart: 'lengthLinks;
|
|
* },
|
|
* lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ]
|
|
* } );
|
|
*/
|
|
DataTable.LengthLinks = function (inst) {
|
|
var api = new DataTable.Api(inst);
|
|
var settings = api.settings()[0];
|
|
var container = $('<div></div>').addClass('dt-lengthLinks');
|
|
var lastLength = null;
|
|
// API so the feature wrapper can return the node to insert
|
|
this.container = function () {
|
|
return container[0];
|
|
};
|
|
// Listen for events to change the page length
|
|
container.on('click.dtll', 'a', function (e) {
|
|
e.preventDefault();
|
|
api.page.len($(this).data('length') * 1).draw(false);
|
|
});
|
|
// Update on each draw
|
|
api.on('draw', function () {
|
|
// No point in updating - nothing has changed
|
|
if (api.page.len() === lastLength) {
|
|
return;
|
|
}
|
|
var menu = settings.aLengthMenu;
|
|
var lang = menu.length === 2 && Array.isArray(menu[0]) ? menu[1] : menu;
|
|
var lens = menu.length === 2 && Array.isArray(menu[0]) ? menu[0] : menu;
|
|
var out = $.map(lens, function (el, i) {
|
|
return el == api.page.len()
|
|
? '<a class="active" data-length="' + lens[i] + '">' + lang[i] + '</a>'
|
|
: '<a data-length="' + lens[i] + '">' + lang[i] + '</a>';
|
|
});
|
|
container.html(settings.oLanguage.sLengthMenu
|
|
.replace('_MENU_', out.join(' | '))
|
|
.replace('_ENTRIES_', api.i18n('entries', '', 10)));
|
|
lastLength = api.page.len();
|
|
});
|
|
api.on('destroy', function () {
|
|
container.off('click.dtll', 'a');
|
|
});
|
|
};
|
|
// Subscribe the feature plug-in to DataTables, ready for use
|
|
DataTable.ext.feature.push({
|
|
fnInit: function (settings) {
|
|
var l = new DataTable.LengthLinks(settings);
|
|
return l.container();
|
|
},
|
|
cFeature: 'L',
|
|
sFeature: 'LengthLinks',
|
|
});
|
|
DataTable.feature.register('lengthLinks', function (settings) {
|
|
var l = new DataTable.LengthLinks(settings);
|
|
return l.container();
|
|
});
|
|
|
|
|
|
return DataTable;
|
|
}));
|