基于jQuery的js分页代码
发布时间:2016-11-24 03:50:31 所属栏目:Unix 来源:站长网
导读:复制代码 代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pager
复制代码 代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pagerbarPlace = $("#"+pagerbarPlace); this.callBack = callBack; this.pageCount = 0; this.pageIndex = 1; this.curInfo = $("lt;span/gt;"); this.prePage = $("lt;span/gt;"); this.nextPage = $("lt;span/gt;"); this.init(); } pagerBar.prototype = { init : function(){ this.getPageCount(); this.initLink(); this.showBarInfo(); if(this.pageCountgt;0){ this.setLink(1); } }, getPageCount : function(){ this.pageCount = parseInt(this.dataCount / this.pageSize); if(this.dataCount % this.pageSize !=0){ this.pageCount++; } }, initLink : function(){ var self = this; this.prePage = $("lt;span/gt;").html("上一页").addClass("pageLink"); this.prePage.click(function(){ self.setLink(self.pageIndex-1); }); this.nextPage = $("lt;span/gt;").html("下一页").addClass("pageLink"); this.nextPage.click(function(){ self.setLink(self.pageIndex+1); }); this.pagerbarPlace.append(this.curInfo).append(this.prePage).append(this.nextPage); }, showBarInfo : function(){ this.prePage.hide(); this.nextPage.hide(); if(this.pageCount==0){ this.curInfo.html("暂时没有信息!"); } else if(this.pageCount==1){ this.curInfo.html("1/1"); } else{ this.curInfo.html(this.pageCount + "/" + this.pageIndex); } }, setLink : function(i){ var self = this; $.ajax({ url:self.serverUrl, type:"get", data:{pageSize:self.pageSize,pageIndex:i}, cache:false, error:function(){ alert("数据加载失败!"); }, success:function(htmlData){ self.contentPlace.html(htmlData); if(self.pageCount==1){ self.prePage.hide(); self.nextPage.hide(); }else{ if(i==1){ self.prePage.hide(); self.nextPage.show(); }else if(i==self.pageCount){ self.prePage.show(); self.nextPage.hide(); }else{ self.prePage.show(); self.nextPage.show(); } } self.pageIndex = i; self.curInfo.html(self.pageCount+"/"+self.pageIndex); if(self.callBack){ self.callBack(); } } }); }, changeServerUrl : function(dataCount,serverUrl){ this.dataCount = dataCount; this.serverUrl = serverUrl; this.pageIndex=1; this.getPageCount(); this.showBarInfo(); this.contentPlace.html(""); if(this.pageCountgt;0){ this.setLink(1); } }, dataCountDec : function(){ this.dataCount--; this.getPageCount(); if(this.pageCountlt;this.pageIndex){ this.pageIndex = this.pageCount; } if(this.pageIndexgt;0){ this.setLink(this.pageIndex); } this.showBarInfo(); } } (编辑:我爱故事小小网_铜陵站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |