jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017-05-01 09:51
846 查看
简单的两个步骤即可实现分页功能
<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)实例详解,希望对大家有所帮助,如果打有任何疑问欢迎给我留言,小编会及时回复大家的。
您可能感兴趣的文章:
相关文章推荐
- jquery ajax自定义分页组件(jquery.loehpagerv1.0)原创
- jquery.picsign图片标注组件实例详解
- js中自定义react数据验证组件实例详解
- GridView自定义分页实例详解(附demo源码下载)
- GridView自定义分页实例详解(附demo源码下载)
- Vue 自定义动态组件实例详解
- jQuery自定义动画函数实例详解(附demo源码)
- jQuery自定义动画函数实例详解(附demo源码)
- jQuery实现的自定义滚动条实例详解
- jQuery自定义插件详解及实例代码
- jQuery实现的自定义弹出层效果实例详解
- Android编程自定义组件实例详解
- 主页自定义可拖动组件 1.0版本 (jquery-ui-sortable)
- jQuery对html元素的取值与赋值实例详解
- Spring MVC自定义日期类型转换器实例详解
- jQuery中ajax - get() 方法实例详解
- Asp.NET MVC X.PageList.MVC 分页详解以及自定义样式
- 20 个 jQuery 分页插件和教程,附带实例
- 基于jQuery的TreeGrid组件详解
- jQuery 学习笔记之十一 (jQuery ajax 详解)