您的位置：首页 > Web前端 > JQuery

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

2017-04-30 14:26 375 查看

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

<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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航