Subversion-Projekte lars-tiefland.webanos.zeldi.de

Revision

Blame | Letzte Änderung | Log anzeigen | RSS feed

/*! 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);