进行修改删除操作的时候能记住当前页;
3:查询后翻页的时候可以可以记住当前查询的条件
3.2实现
html
复制代码 代码如下:
<!--存储数据的容器-->
<div class="tabledata">
</div>
<!--分页控件显示-->
<div class="pagebar"></div>
jquery
为了我们的控件可以随意使用,我们将其写成插件的形式,首先搭个框架,我们将插件命名为simplepage
复制代码 代码如下:
(function($){
$.fn.simplepage=function(o){
var options={
//配置参数
};
return //sth
}
})(jquery)
默认有哪些参数呢?
由于需要发送当前页,每页显示数量,所以需要 currentpage,pagesize 两个基本参数;
由于需要查询表格内容,所以需要一个放置查询条件的表单 form;
由于需要修改删除后记住当前页,所以需要一个标志指示当前进行的是何操作type;
为了使我们的程序更具有灵活性,加上获取数据后需要加载到的container,还有就是分页控件加载的pager,
具体如下
复制代码 代码如下:
var options={
pager: '.pager',//表格控件的容器
container: '.tabledata',//放置表格数据的容器
form: '#form',//放置查询条件的表单
pageform: '#pageform',//放置隐藏与的div
url: '',//发送请求的地址
currentpage: 1,
pagesize: 2
type: null,//可选:action,
pageshow:7
}
为了便于维护,我们声明一个独立的对象来进行获取数据,绑定事件的操作,我们将这个函数命名为$.page
复制代码 代码如下:
$.page = {
//
setpage: function(o){
},
//获取当前页
getcurrentpage: function(o){
},
//获取每页显示数量
getpagesize: function(o){
},
//生成发送所需要的json数据
gendata: function(o){
},
//发送数据
loaddata: function(o){
}
}
首页 1 2 3 4 5 末页