首頁 > 開發者 > JavaScript
jQuery Ajax自訂分頁組件(jquery.loehpagerv1.0)執行個體詳解，mvcpagerajax分頁
簡單的兩個步驟即可實現分頁功能
<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">//回調裡面進行業務處理 function loehpagercallback(data) { alert('這裡處理回調的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%>:總頁是第一次載入頁面時查詢出的分頁表的總頁數。
'ajaxCallBack':'loehpagercallback':這裡設定回調方法，你可以將方法名修改任意你在調用頁定義的js方法
'ajaxRequestParameter':'name=leohpager&age=10':
'ajaxOriginalParameter':'name=leohpager&age=10',
上面兩個參數,第一個是ajax請求資料時的參數，它是由第二個參數拼接上當前選擇的頁面組合而成。
版本1.0,簡單的幾句代碼既可以實現分頁功能，後續有時間會繼續更新。
以上所述是小編給大家介紹的jQuery Ajax自訂分頁組件(jquery.loehpagerv1.0)執行個體詳解，希望對大家有所協助，如果打有任何疑問歡迎給我留言，小編會及時回複大家的。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
