您的位置:首页 > 其它

datatables服务端分页之带参数查询以及跳页

2016-06-30 16:24 459 查看
在上一篇分页的基础上,因为很多情况下是要求要带有查询参数的

<form class="form-inline well">
<span>编码:</span> <input type="text" class="input-medium" placeholder="编码" id="code-search"> <span>名称:</span> <input type="text" class="input-medium" placeholder="名称" id="name-search">
<span>地址:</span> <input type="text" class="input-medium"
placeholder="地址" id="url-search">
<button type="button" class="btn" id="btn-advanced-search">
<i class="fa fa-search"></i>查询
</button>
<button type="button" class="btn" id="btn-advanced-add" onclick="add()">
<i class="fa fa-add"></i>添加
</button>
</form>


通过js封装上面的查询

var userManage = {
getQueryCondition: function(data) {
var param = {};
param.srvName = $("#name-search").val();
param.code = $("#code-search").val();
param.url = $("#url-search").val();

//组装分页参数
param.start = data.start;
param.length = data.length;
param.draw = data.draw;
return param;
},
};


将上一篇中的ajax请求中将data换成封装后的查询参数,查询时调用以下方法

$("#btn-advanced-search").click(function() {
//userManage.fuzzySearch = false;
table.draw();
});


这样就可以带参数查询了,如果因为数据太多,我们要跳页怎么办,不要担心,datatables提供了api,其中的page方法可以跳到多少页

var page1=$("#page-search").val()-1;
//alert(page1);
table.page(page1).draw(false);


这样跳页就完成了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: