AJAX資料分頁展示

來源:互聯網
上載者:User
pager_build : function(act,query,res){
var pn = res.data.pn,
rn = res.data.rn,
tn = res.data.tn,
pager;
if(!tn){
pager = '';
}
var dataQuery = StringH.queryUrl(query);


var pns = Math.ceil(tn / rn);
var html = ['<div class="global-page">'];

var plink = function(i){
dataQuery.pn = i;
return '<a href="#" class="action" data-act="'+act+'" data-query="'+ObjectH.encodeURIJson(dataQuery)+'">'+(i+1)+'</a>';
}
if(pns < 12){
for(var i=0;i<pns;i++){
if(i == pn){
html.push('<span class="select">'+(pn+1)+'</span>');
}else{
html.push(plink(i));
}
}
}else if(pns > 11){
if (pn < 6){
for(var i=0;i<9;i++){
if(i < 9){
if(i == pn){
html.push('<span class="select">'+(pn+1)+'</span>');
}else{
html.push(plink(i));
}
}
}
html.push('<span class="global-page-break">...</span>');
html.push(plink(pns-1));
}else if(pn+5 < pns ){
html.push(plink(0));
if(pn == 6){
html.push(plink(1));
}else if(pn != 5){
html.push('<span class="global-page-break">...</span>');
}
for(var i =0;i<9;i++){
if(i == 4){
html.push('<span class="select">'+(pn+1)+'</span>');
}else{
html.push(plink(pn + i - 4));
}
}
if((pn + 7) == pns){
html.push(plink(pns-2));
}else if((pn+6) == pns){

}else{
html.push('<span class="global-page-break">...</span>');
}
html.push(plink(pns-1));
}else{
html.push(plink(1));
html.push('<span class="global-page-break">...</span>');
for(var i =0;i<9;i++){
if((pns-pn) + i == 9){
html.push('<span class="select">'+(pn+1)+'</span>');
}else{
html.push(plink(pns-9+i));
}
}
}
}
html.push('</div>');
if(pns > 1){
pager = html.join('');
}else{
pager = '';
}
W('#settingpageer').html(pager);
},
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.