jQuery Ajax自定義分頁(yè)組件(jquery.loehpagerv1.0)實(shí)例詳解

發(fā)布時(shí)間：2020-09-04 11:17:43 來(lái)源：腳本之家閱讀：188 作者：L-H 欄目：web開(kāi)發(fā)

簡(jiǎn)單的兩個(gè)步驟即可實(shí)現(xiàn)分頁(yè)功能

 <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"  > </div>
  </body>
 </html>

totalCount':<%=totalpage%>:總頁(yè)是第一次加載頁(yè)面時(shí)查詢出的分頁(yè)表的總頁(yè)數(shù)。

'ajaxCallBack':'loehpagercallback':這里設(shè)置回調(diào)方法，你可以將方法名修改任意你在調(diào)用頁(yè)定義的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)前選擇的頁(yè)面組合而成。

版本1.0,簡(jiǎn)單的幾句代碼既可以實(shí)現(xiàn)分頁(yè)功能，后續(xù)有時(shí)間會(huì)繼續(xù)更新。

jQuery Ajax自定義分頁(yè)組件(jquery.loehpagerv1.0)實(shí)例詳解

以上所述是小編給大家介紹的jQuery Ajax自定義分頁(yè)組件(jquery.loehpagerv1.0)實(shí)例詳解，希望對(duì)大家有所幫助，如果打有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的。

向AI問(wèn)一下細(xì)節(jié)

jQuery Ajax自定義分頁(yè)組件(jquery.loehpagerv1.0)實(shí)例詳解

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽