jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
简单的两个步骤即可实现分页功能
<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.fileEveryWhere.js 一个跨浏览器的file显示插件
大牛ppk都说过,在从多表单控件中,上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文2011-10-10
jQuery.ajax实现根据不同的Content-Type做出不同的响应
使用H5+ASP.NET General Handler开发项目,使用ajax进行前后端的通讯。有一个场景需求是根据服务器返回的不同数据类型,前端进行不同的响应,这里记录下如何使用$.ajax实现该需求,需要的朋友可以参考下2016-11-11
jQuery Tags Input Plugin(添加/删除标签插件)详解
本文主要介绍jQuery Tags Input Plugin添加/删除标签插件的用法,非常实用,有需要的朋友可以参考一下。2016-06-06


最新评论