jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實(shí)例詳解
簡(jiǎn)單的兩個(gè)步驟即可實(shí)現(xiàn)分頁功能
<script src="<%=basePath%>/resources/js/jquery-1.7.1.min.js"></script>
<script src="<%=basePath%>/resources/js/jquery.loehpagerv1.0.js"></script>
<script type="text/JavaScript">
//回調(diào)里面進(jìn)行業(yè)務(wù)處理
function loehpagercallback(data) {
alert('這里處理回調(diào)的data');
}
$(function() {
$('#customerPager').LoehPagerPlugin({
'color': 'gray',
'fontSize': '15px',
'totalCount':<%=totalpage%>,
'pageSize':'15',
'ajaxCallBack':'loehpagercallback',
'ajaxRequestParameter':'name=leohpager&age=10',
'ajaxOriginalParameter':'name=leohpager&age=10',
'ajaxUrl':'<%=basePath%>/ipload?path=data'
});
});
</script>
<html>
<body>
<div id="customerPager" style="position: relative;top: -25px;left: 220px;" > </div>
</body>
</html>
totalCount':<%=totalpage%>:總頁是第一次加載頁面時(shí)查詢出的分頁表的總頁數(shù)。
'ajaxCallBack':'loehpagercallback':這里設(shè)置回調(diào)方法，你可以將方法名修改任意你在調(diào)用頁定義的js方法
'ajaxRequestParameter':'name=leohpager&age=10':
'ajaxOriginalParameter':'name=leohpager&age=10',
上面兩個(gè)參數(shù),第一個(gè)是ajax請(qǐng)求數(shù)據(jù)時(shí)的參數(shù)，它是由第二個(gè)參數(shù)拼接上當(dāng)前選擇的頁面組合而成。
版本1.0,簡(jiǎn)單的幾句代碼既可以實(shí)現(xiàn)分頁功能，后續(xù)有時(shí)間會(huì)繼續(xù)更新。
以上所述是小編給大家介紹的jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實(shí)例詳解，希望對(duì)大家有所幫助，如果打有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的。
相關(guān)文章
這篇文章主要介紹了jQuery對(duì)象$.html的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件2011-10-10
jquery.fileEveryWhere.js 一個(gè)跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目，使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型，前端進(jìn)行不同的響應(yīng)，這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下2016-11-11
jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
最近在做一個(gè)項(xiàng)目，里面需要js 異步請(qǐng)求的時(shí)候，把上一次的的請(qǐng)求取消2010-10-10
基于jquery實(shí)現(xiàn)動(dòng)態(tài)豎向柱狀條特效
很多數(shù)據(jù)統(tǒng)計(jì)效果中，柱狀條方式的算是比較常見的一種，形象直觀，下面就是一段能夠?qū)崿F(xiàn)此功能的代碼實(shí)例，并且具有一定的動(dòng)態(tài)效果，感興趣的朋友可以參考一下2016-02-02
jquery實(shí)現(xiàn)鼠標(biāo)拖拽滑動(dòng)效果來選擇數(shù)字的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)拖拽滑動(dòng)效果來選擇數(shù)字的方法,涉及jQuery鼠標(biāo)事件的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05
jQuery Tags Input Plugin（添加/刪除標(biāo)簽插件）詳解
本文主要介紹jQuery Tags Input Plugin添加/刪除標(biāo)簽插件的用法，非常實(shí)用，有需要的朋友可以參考一下。2016-06-06
Jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵，當(dāng)按下回車鍵時(shí)觸發(fā)事件的一個(gè)例子，有需要的朋友可以參考下2014-05-05