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.
Plugins/features/lengthLinks/dataTables.lengthLinks.mjs

87 lines
2.7 KiB
JavaScript

/*! © SpryMedia Ltd - datatables.net/license */
import jQuery from 'jquery';
import DataTable from 'datatables.net';
// Allow reassignment of the $ variable
let $ = jQuery;
/**
* @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();
});
export default DataTable;