dist/js/zui.js
function(element, options) {
        var that = this;
        that.name = NAME;
        that.$ = $(element);

        options = that.options = $.extend({}, Pager.DEFAULTS, this.$.data(), options);

        var lang   = options.lang || $.zui.clientLang();
        that.lang  = $.isPlainObject(lang) ? ($.extend(true, {}, LANG[lang.lang || $.zui.clientLang()], lang)) : LANG[lang];

        that.state = {};

        that.set(options.page, options.recTotal, options.recPerPage, true);

        that.$.on('click', '.pager-goto-btn', function() {
            var $goto = $(this).closest('.pager-goto');
            var page = parseInt($goto.find('.pager-goto-input').val());
            if (page !== NaN) {
                that.set(page);
            }
        }).on('click', '.pager-item', function() {
            var page = $(this).data('page');
            if (typeof page === 'number' && page > 0) {
                that.set(page);
            }
        }).on('click', '.pager-size-menu [data-size]', function() {
            var size = $(this).data('size');
            if (typeof size === 'number' && size > 0) {
                that.set(-1, -1, size);
            }
        });
    }
function(element, options) {
        var that = this;
        that.name = NAME;
        that.$ = $(element);

        options = that.options = $.extend({}, Pager.DEFAULTS, this.$.data(), options);

        var lang   = options.lang || $.zui.clientLang();
        that.lang  = $.isPlainObject(lang) ? ($.extend(true, {}, LANG[lang.lang || $.zui.clientLang()], lang)) : LANG[lang];

        that.state = {};

        that.set(options.page, options.recTotal, options.recPerPage, true);

        that.$.on('click', '.pager-goto-btn', function() {
            var $goto = $(this).closest('.pager-goto');
            var page = parseInt($goto.find('.pager-goto-input').val());
            if (page !== NaN) {
                that.set(page);
            }
        }).on('click', '.pager-item', function() {
            var page = $(this).data('page');
            if (typeof page === 'number' && page > 0) {
                that.set(page);
            }
        }).on('click', '.pager-size-menu [data-size]', function() {
            var size = $(this).data('size');
            if (typeof size === 'number' && size > 0) {
                that.set(-1, -1, size);
            }
        });
    }
function ( element , options ) { var that = this ; that . name = NAME ; that . $ = $ ( element ) ; options = that . options = $ . extend ( { } , Pager . DEFAULTS , this . $ . data ( ) , options ) ; var lang = options . lang || $ . zui . clientLang ( ) ; that . lang = $ . isPlainObject ( lang ) ? ( $ . extend ( true , { } , LANG [ lang . lang || $ . zui . clientLang ( ) ] , lang ) ) : LANG [ lang ] ; that . state = { } ; that . set ( options . page , options . recTotal , options . recPerPage , true ) ; that . $ . on ( 'click' , '.pager-goto-btn' , function ( ) { var $goto = $ ( this ) . closest ( '.pager-goto' ) ; var page = parseInt ( $goto . find ( '.pager-goto-input' ) . val ( ) ) ; if ( page !== NaN ) { that . set ( page ) ; } } ) . on ( 'click' , '.pager-item' , function ( ) { var page = $ ( this ) . data ( 'page' ) ; if ( typeof page === 'number' && page > 0 ) { that . set ( page ) ; } } ) . on ( 'click' , '.pager-size-menu [data-size]' , function ( ) { var size = $ ( this ) . data ( 'size' ) ; if ( typeof size === 'number' && size > 0 ) { that . set ( - 1 , - 1 , size ) ; } } ) ; }
The pager model class
The pager model class