一款Jquery 分页插件的改造方法（服务器端分页）(3)

$(function(){
$("div.pagination").each(function () {
var $this = $(this);
$this.pagination({
totalCount: $this.attr("totalCount"),
numPerPage: $this.attr("numPerPage"),
pageNumShown: $this.attr("pageNumShown"),
currentPage: $this.attr("currentPage")
});
});
});

这里为什么用each呢，为啥不直接$("div.pagination").pagination（{}）呢，大家应该想到了，有挺多时候用户喜欢在列表的上下都放分页便于操作，这两块js其实可以单独放一个文件，需要用到分页的文件引用即可，因为程序真正用到的是web和服务器端交换所关心的数据，totalCount numPerPage pageNumShown currentPage ，之前所做的所有都只是实现好用通用的框架。现在无需改动的东西都做好了，怎么实现交互呢，很简单：点击页码或者选择每页显示下拉框或者点击go按钮时候都会触发一个自定义函数 PageBreak ，这个函数内部就大家想实现什么具体去写，例如

复制代码 代码如下:

function PageBreak(args) {
alert(args["pageNum"]||args["numPerPage"]);
}

在这里面可以用js取得当前的totalCount numPerPage pageNumShown curren，和页面上筛选的form的值一并ajax提交给后端页面，然后接收返回的数据，加载到指定位置，并且注意给<div >这个DIV的自定义属性重新赋值然后调用一下pagination方法即可，不知道写清楚没有，先去吃饭了，如果有问题可以留言，如果不清楚具体使用的人多，打算后续写两种用法，一种是返回数据直接返回这个div的，一个是只返回表单中行数据和div的4个自定义属性，然后js动态赋值的

您可能感兴趣的文章: