jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解

时间：2021-05-26

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

<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)实例详解，希望对大家有所帮助，如果打有任何疑问欢迎给我留言，小编会及时回复大家的。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章