Jquery簡單分頁實現(xiàn)方法
更新時間:2015年07月24日 15:40:42 作者:罪惡的花生
這篇文章主要介紹了Jquery簡單分頁實現(xiàn)方法,實例分析了jquery分頁的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了Jquery簡單分頁實現(xiàn)方法。分享給大家供大家參考。具體如下:
js代碼:
function dolistpage(pagerow,pagenum,rowcount,pagecount){
$("#pagemsg").html("每頁顯示"+pagerow+"條,當前" + pagenum + "/" +pagecount + "頁 共" +rowcount + "條");
if (pagenum == 1) {
$("#fpbtn").attr("disabled", true);
$("#rpbtn").attr("disabled", true);
}else {
$("#fpbtn").removeAttr("disabled");
$("#rpbtn").removeAttr("disabled");
}
if (pagenum == pagecount) {
$("#npbtn").attr("disabled", true);
$("#lpbtn").attr("disabled", true);
}else {
$("#npbtn").removeAttr("disabled");
$("#lpbtn").removeAttr("disabled");
}
$("#fpbtn").click(function(){
loadtpage(1);
});
$("#rpbtn").click(function(){
loadtpage(pagenum - 1);
});
$("#npbtn").click(function(){
if ((pagenum + 1) >= pagecount)
loadtpage(pagecount);
else
loadtpage(pagenum + 1);
});
$("#lpbtn").click(function(){
loadtpage(pagecount);
});
$("#gpbtn").click(function(){
var tzys = $("#gpinput").val();
var re = /^[1-9]+[0-9]*$/;
if (tzys == null || tzys == undefined || tzys == '') {
alert("請輸入跳轉(zhuǎn)頁數(shù)!");
$("#gpinput").focus();
return;
}
if (!re.test(tzys)) {
alert("請輸入正確跳轉(zhuǎn)頁數(shù)!");
$("#gpinput").focus();
return;
}
if (tzys > pagecount)
tzys = pagecount;
if (tzys <= 0)
tzys = 1;
loadtpage(tzys);
});
$("#gpinput").val(pagenum);
}
HTML代碼:
<table>
<tfoot>
<tr>
<td colspan="11">
<span class="water-table-listbtn"></span>
<span class="water-table-page">
<span id="pagemsg" class="water-table-pagemsg">當前0/0頁</span>
<input type="button" id="fpbtn" value="首頁"/>
<input type="button" id="rpbtn" value="上頁"/>
<input type="button" id="npbtn" value="下頁"/>
<input type="button" id="lpbtn" value="尾頁"/>
<span id="pagemsg" class="water-table-pagemsg">跳轉(zhuǎn)
<input type="text" id="gpinput" size="3" value="0"/>頁
</span>
<input type="button" id="gpbtn" value="跳轉(zhuǎn)"/>
</span>
</td>
</tr>
</tfoot>
</table>
希望本文所述對大家的jquery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery實現(xiàn)的分頁顯示功能示例
- JQuery+Ajax無刷新分頁的實例代碼
- 基于JQuery的Pager分頁器實現(xiàn)代碼
- jquery pagination插件實現(xiàn)無刷新分頁代碼
- jquery+json實現(xiàn)數(shù)據(jù)列表分頁示例代碼
- jquery dataTable 后臺加載數(shù)據(jù)并分頁實例代碼
- jquery分頁插件jquery.pagination.js使用方法解析
- JS+Ajax+Jquery實現(xiàn)頁面無刷新分頁以及分組 超強的實現(xiàn)
- jquery+ashx無刷新GridView數(shù)據(jù)顯示插件(實現(xiàn)分頁、排序、過濾功能)
- 基于Jquery實現(xiàn)表格動態(tài)分頁實現(xiàn)代碼
- jquery分頁優(yōu)化操作實例分析
相關(guān)文章
創(chuàng)建公共調(diào)用 jQuery Ajax 帶返回值
請求Ajax 帶返回值,并彈出提示框提醒的實現(xiàn)代碼,需要的朋友可以參考下2012-08-08
jQuery實現(xiàn)兩款有動畫功能的導(dǎo)航菜單代碼
這篇文章主要介紹了jQuery實現(xiàn)兩款有動畫功能的導(dǎo)航菜單代碼,涉及jQuery動畫效果的不同實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09

