码迷,mamicode.com
首页 > Web开发 > 详细

jquery ajax自定义分页组件(jquery.loehpagerv1.0)原创

时间:2017-04-30 15:17:34      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:custom   ima   png   pre   span   amp   tail   src   下载地址   

简单的两个步骤即可实现分页功能

 <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,简单的几句代码既可以实现分页功能,后续有时间会继续更新。

下载地址:http://download.csdn.net/detail/liaohang1987x/9829665

官方交流群:636620079

技术分享

jquery ajax自定义分页组件(jquery.loehpagerv1.0)原创

标签:custom   ima   png   pre   span   amp   tail   src   下载地址   

原文地址:http://www.cnblogs.com/xiaoliao/p/6789412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!