Pagination.js
2.24 KB
define(["mUtil","i18n"],function(e,n){return function(i){var l,v,p,d,o,c,g,a={split:8==e.getUserLanguage()?" ":"",perLabel:n.PER_PAGE,totalLabel:n.TOTAL,itemLabel:n.ITEMS,tip:n.NO_DATA};$.extend(!0,a,i),this.tmpl=' <div id="${uid}"> <div class="wev-no-data">${tip}</div> <div class="wev-pagination"> <div class="wev-flex"> <div class="wev-flex-item wev-pagination-item"> <div class="wev-pagination-detail"> (<span>${perLabel}$${split}<span class="page-size">--</span>$${split}${itemLabel}</span> <span>,</span> <span>${totalLabel}$${split}<span class="total-size">--</span>$${split}${itemLabel}</span>) </div> </div> <div class="wev-flex"> <div class="wev-flex-item wev-pagination-item"> <div class="wev-pagination-btn wev-pagination-prev"><i class="wev-css-icon wev-prev"></i></div> </div> <div class="wev-flex-item wev-pagination-item"> <div class="wev-pagination-content"> <span class="current-page">--</span> <span>/</span> <span class="total-page">--</span> </div> </div> <div class="wev-flex-item wev-pagination-item"> <div class="wev-pagination-btn wev-pagination-next"><i class="wev-css-icon wev-next"></i></div> </div> </div> </div> </div> </div> ',this.props=a,this.mounted=function(){var i=this.$el;l=i.find(".current-page"),v=i.find(".total-page"),p=i.find(".page-size"),d=i.find(".total-size"),o=i.find(".wev-pagination-prev.wev-pagination-btn"),c=i.find(".wev-pagination-next.wev-pagination-btn"),g=i.find(".wev-no-data"),o.on("click",function(){!$(this).hasClass("disabled")&&a.onPrev&&a.onPrev.call(this)}),c.on("click",function(){!$(this).hasClass("disabled")&&a.onNext&&a.onNext.call(this)})},this.setCurrPage=function(i,a,e,n){var s=e%a==0?e/a:parseInt(e/a)+1;0!=e&&0!=a||(s=1);var t=e<=0;o.toggleClass("disabled",i<=n),c.toggleClass("disabled",s<=i),l.html(i),v.html(s),p.html(a),d.html(e),g[t?"show":"hide"]()}}});