欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery的js分頁代碼

 更新時間:2010年06月10日 23:51:07   作者:  
jquery的分頁代碼,是結(jié)合數(shù)據(jù)庫實現(xiàn)的, 這里只給出核心jquery代碼。其它的大家可以發(fā)揮下。
復(fù)制代碼 代碼如下:

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 = $("<span/>");
this.prePage = $("<span/>");
this.nextPage = $("<span/>");
this.init();
}
pagerBar.prototype = {
init : function(){
this.getPageCount();
this.initLink();
this.showBarInfo();
if(this.pageCount>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 = $("<span/>").html("上一頁").addClass("pageLink");
this.prePage.click(function(){
self.setLink(self.pageIndex-1);
});
this.nextPage = $("<span/>").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("數(shù)據(jù)加載失敗!");
},
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.pageCount>0){
this.setLink(1);
}
},
dataCountDec : function(){
this.dataCount--;
this.getPageCount();
if(this.pageCount<this.pageIndex){
this.pageIndex = this.pageCount;
}
if(this.pageIndex>0){
this.setLink(this.pageIndex);
}
this.showBarInfo();
}
}

相關(guān)文章

  • jQuery基礎(chǔ)的工廠函數(shù)以及定時器的經(jīng)典實例分析

    jQuery基礎(chǔ)的工廠函數(shù)以及定時器的經(jīng)典實例分析

    下面小編就為大家?guī)硪黄猨Query基礎(chǔ)的工廠函數(shù)以及定時器的經(jīng)典實例分析。小編覺得挺不錯的,現(xiàn)在
    2016-05-05
  • jquery實現(xiàn)簡單下拉菜單效果

    jquery實現(xiàn)簡單下拉菜單效果

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)簡單下拉菜單效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • jquery DataTable實現(xiàn)前后臺動態(tài)分頁

    jquery DataTable實現(xiàn)前后臺動態(tài)分頁

    本篇文章主要介紹了jquery DataTable實現(xiàn)前后臺動態(tài)分頁。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • jQuery3.0中的buildFragment私有函數(shù)詳解

    jQuery3.0中的buildFragment私有函數(shù)詳解

    在 jQuery3.0中,buildFragment 是一個私有函數(shù),用來構(gòu)建一個包含子節(jié)點 fragment 對象。下文給大家介紹jQuery3.0中的buildFragment私有函數(shù)詳解,對jquery3.0 buildfragment相關(guān)知識感興趣的朋友一起學習吧
    2016-08-08
  • jquery插件實現(xiàn)掃雷游戲(2)

    jquery插件實現(xiàn)掃雷游戲(2)

    這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)掃雷游戲第二篇,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery中:button選擇器用法實例

    jQuery中:button選擇器用法實例

    這篇文章主要介紹了jQuery中:button選擇器用法,實例分析了:button選擇器的功能、定義及選取按鈕的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 使用JQuery自動完成插件Auto Complete詳解

    使用JQuery自動完成插件Auto Complete詳解

    這篇文章主要介紹了使用JQuery自動完成插件Auto Complete詳解,使用JQuery自動完成插件,更新現(xiàn)有圖書列表頁面上的搜索,當用戶鍵入的時候立即顯示結(jié)果。,需要的朋友可以參考下
    2019-06-06
  • jquery插件lazyload.js延遲加載圖片的使用方法

    jquery插件lazyload.js延遲加載圖片的使用方法

    lazyload.js是一個基于JQuery的插件,可以用來緩沖加載圖片。下面介紹這個插件的使用方法
    2014-02-02
  • jQuery實現(xiàn)帶有洗牌效果的動畫分頁實例

    jQuery實現(xiàn)帶有洗牌效果的動畫分頁實例

    這篇文章主要介紹了jQuery實現(xiàn)帶有洗牌效果的動畫分頁,涉及jquery頁面元素樣式及animate方法的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • jQuery zTree插件使用簡單教程

    jQuery zTree插件使用簡單教程

    這篇文章主要為大家詳細介紹了jQuery zTree插件使用的簡單教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-08-08

最新評論