Allan Jardine
10 years ago
parent
380cb78f45
commit
b37fb70698
@ -1,84 +0,0 @@
|
||||
(function(window, document, $, undefined) {
|
||||
|
||||
|
||||
$.fn.dataTableExt.oApi.fnLengthChange = function ( oSettings, iDisplay ) {
|
||||
oSettings._iDisplayLength = iDisplay;
|
||||
oSettings.oApi._fnCalculateEnd( oSettings );
|
||||
|
||||
/* If we have space to show extra rows (backing up from the end point - then do so */
|
||||
if ( oSettings._iDisplayEnd == oSettings.aiDisplay.length ) {
|
||||
oSettings._iDisplayStart = oSettings._iDisplayEnd - oSettings._iDisplayLength;
|
||||
if ( oSettings._iDisplayStart < 0 ) {
|
||||
oSettings._iDisplayStart = 0;
|
||||
}
|
||||
}
|
||||
|
||||
if ( oSettings._iDisplayLength == -1 ) {
|
||||
oSettings._iDisplayStart = 0;
|
||||
}
|
||||
|
||||
oSettings.oApi._fnDraw( oSettings );
|
||||
};
|
||||
|
||||
|
||||
$.fn.dataTable.LengthLinks = function ( oSettings ) {
|
||||
var container = $('<div></div>').addClass( oSettings.oClasses.sLength );
|
||||
var lastLength = -1;
|
||||
var draw = function () {
|
||||
// No point in updating - nothing has changed
|
||||
if ( oSettings._iDisplayLength === lastLength ) {
|
||||
return;
|
||||
}
|
||||
|
||||
var menu = oSettings.aLengthMenu;
|
||||
var lang = menu.length===2 && $.isArray(menu[0]) ? menu[1] : menu;
|
||||
var lens = menu.length===2 && $.isArray(menu[0]) ? menu[0] : menu;
|
||||
|
||||
var out = $.map( lens, function (el, i) {
|
||||
return el == oSettings._iDisplayLength ?
|
||||
'<a class="active" data-length="'+lens[i]+'">'+lang[i]+'</a>' :
|
||||
'<a data-length="'+lens[i]+'">'+lang[i]+'</a>';
|
||||
} );
|
||||
|
||||
container.html( oSettings.oLanguage.sLengthMenu.replace( '_MENU_', out.join(' ') ) );
|
||||
lastLength = oSettings._iDisplayLength;
|
||||
};
|
||||
|
||||
// API, so the feature wrapper can return the node to insert
|
||||
this.container = container;
|
||||
|
||||
// Update on each draw
|
||||
oSettings.aoDrawCallback.push( {
|
||||
"fn": function () {
|
||||
draw();
|
||||
},
|
||||
"sName": "PagingControl"
|
||||
} );
|
||||
|
||||
// Listen for events to change the page length
|
||||
container.on( 'click', 'a', function (e) {
|
||||
e.preventDefault();
|
||||
oSettings.oInstance.fnLengthChange( parseInt( $(this).attr('data-length'), 10 ) );
|
||||
} );
|
||||
}
|
||||
|
||||
// Subscribe the feature plug-in to DataTables, ready for use
|
||||
$.fn.dataTableExt.aoFeatures.push( {
|
||||
"fnInit": function( oSettings ) {
|
||||
var l = new $.fn.dataTable.LengthLinks( oSettings );
|
||||
return l.container[0];
|
||||
},
|
||||
"cFeature": "L",
|
||||
"sFeature": "LengthLinks"
|
||||
} );
|
||||
|
||||
|
||||
})(window, document, jQuery);
|
||||
|
||||
|
||||
// DataTables initialisation
|
||||
$(document).ready(function() {
|
||||
$('#example').dataTable( {
|
||||
"sDom": "Lfrtip"
|
||||
} );
|
||||
} );
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
div.dataTables_length a.active {
|
||||
color: black;
|
||||
}
|
||||
@ -0,0 +1,89 @@
|
||||
/*! Page length control via links for DataTables
|
||||
* 2014 SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
|
||||
/**
|
||||
* @summary LengthLinks
|
||||
* @description Page length control via links for DataTables
|
||||
* @version 1.1.0
|
||||
* @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 adds page length control links to the
|
||||
* DataTable. The `dom` option can be used to insert the control using the `L`
|
||||
* character option and it uses the `lengthMenu` options of DataTables to
|
||||
* determine what to display.
|
||||
*
|
||||
* @example
|
||||
* $('#myTable').DataTable( {
|
||||
* dom: 'Lfrtip'
|
||||
* } );
|
||||
*
|
||||
* @example
|
||||
* $('#myTable').DataTable( {
|
||||
* lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ]
|
||||
* dom: 'Lfrtip'
|
||||
* } );
|
||||
*/
|
||||
|
||||
(function(window, document, $, undefined) {
|
||||
|
||||
|
||||
$.fn.dataTable.LengthLinks = function ( inst ) {
|
||||
var api = new $.fn.dataTable.Api( inst );
|
||||
var settings = api.settings()[0];
|
||||
var container = $('<div></div>').addClass( settings.oClasses.sLength );
|
||||
var lastLength = -1;
|
||||
|
||||
// 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 && $.isArray(menu[0]) ? menu[1] : menu;
|
||||
var lens = menu.length===2 && $.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(' | ') ) );
|
||||
lastLength = api.page.len();
|
||||
} );
|
||||
|
||||
api.on( 'destroy', function () {
|
||||
container.off( 'click.dtll', 'a' );
|
||||
} );
|
||||
};
|
||||
|
||||
// Subscribe the feature plug-in to DataTables, ready for use
|
||||
$.fn.dataTable.ext.feature.push( {
|
||||
"fnInit": function( settings ) {
|
||||
var l = new $.fn.dataTable.LengthLinks( settings );
|
||||
return l.container();
|
||||
},
|
||||
"cFeature": "L",
|
||||
"sFeature": "LengthLinks"
|
||||
} );
|
||||
|
||||
|
||||
})(window, document, jQuery);
|
||||
@ -0,0 +1,5 @@
|
||||
/*! Page length control via links for DataTables
|
||||
* 2014 SpryMedia Ltd - datatables.net/license
|
||||
*/
|
||||
(function(i,j,a){a.fn.dataTable.LengthLinks=function(d){var c=new a.fn.dataTable.Api(d),f=c.settings()[0],e=a("<div></div>").addClass(f.oClasses.sLength),h=-1;this.container=function(){return e[0]};e.on("click.dtll","a",function(b){b.preventDefault();c.page.len(1*a(this).data("length")).draw(!1)});c.on("draw",function(){if(c.page.len()!==h){var b=f.aLengthMenu,d=2===b.length&&a.isArray(b[0])?b[1]:b,g=2===b.length&&a.isArray(b[0])?b[0]:b,b=a.map(g,function(b,a){return b==c.page.len()?'<a class="active" data-length="'+
|
||||
g[a]+'">'+d[a]+"</a>":'<a data-length="'+g[a]+'">'+d[a]+"</a>"});e.html(f.oLanguage.sLengthMenu.replace("_MENU_",b.join(" | ")));h=c.page.len()}});c.on("destroy",function(){e.off("click.dtll","a")})};a.fn.dataTable.ext.feature.push({fnInit:function(d){return(new a.fn.dataTable.LengthLinks(d)).container()},cFeature:"L",sFeature:"LengthLinks"})})(window,document,jQuery);
|
||||
Loading…
Reference in new issue