jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解
簡單的兩個步驟即可實現(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ù)。
'ajaxCallBack':'loehpagercallback':
這里設(shè)置回調(diào)方法,你可以將方法名修改任意你在調(diào)用頁定義的js方法
'ajaxRequestParameter':'name=leohpager&age=10':
'ajaxOriginalParameter':'name=leohpager&age=10',
上面兩個參數(shù),第一個是ajax請求數(shù)據(jù)時的參數(shù),它是由第二個參數(shù)拼接上當(dāng)前選擇的頁面組合而成。
版本1.0,簡單的幾句代碼既可以實現(xiàn)分頁功能,后續(xù)有時間會繼續(xù)更新。
以上所述是小編給大家介紹的jQuery Ajax自定義分頁組件(jquery.loehpagerv1.0)實例詳解,希望對大家有所幫助,如果打有任何疑問歡迎給我留言,小編會及時回復(fù)大家的。
相關(guān)文章
jQuery實現(xiàn)橫向帶緩沖的水平運(yùn)動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)橫向帶緩沖的水平運(yùn)動效果,涉及jQuery中鼠標(biāo)事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹
這篇文章主要介紹了jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下2016-06-06ASP.NET jQuery 實例7 通過jQuery來獲取DropDownList的Text/Value屬性值
這節(jié)我們將通過jQuery來獲取DropDownList的Text/Value屬性值,需要的朋友可以參考下2012-02-02jQuery實現(xiàn)圣誕節(jié)禮物傳送(花式輪播)
本文主要對jQuery實現(xiàn)圣誕節(jié)禮物傳送的方法、思路進(jìn)行詳細(xì)介紹,具有很好的參考價值,需要的朋友一起來看下吧2016-12-12基于jquery實現(xiàn)鼠標(biāo)左右拖動滑塊滑動附源碼下載
這篇文章主要介紹了基于jquery實現(xiàn)鼠標(biāo)左右拖動滑塊滑動附源碼下載 的相關(guān)資料,需要的朋友可以參考下2015-12-12