datatables服务端分页之带参数查询以及跳页
2016-06-30 16:24
459 查看
在上一篇分页的基础上,因为很多情况下是要求要带有查询参数的
通过js封装上面的查询
将上一篇中的ajax请求中将data换成封装后的查询参数,查询时调用以下方法
这样就可以带参数查询了,如果因为数据太多,我们要跳页怎么办,不要担心,datatables提供了api,其中的page方法可以跳到多少页
这样跳页就完成了
<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);
这样跳页就完成了
相关文章推荐
- CodeForces 560A Currency System in Geraldion
- 提交spark作业:如何在java中执行shell脚本
- 小W的数字
- jQuery细节问题总结
- 我的runtime学习笔记
- YAR 并行RPC框架研究
- Maven+Spring+Spring MVC+MyBatis+MySQL,搭建SSM框架环境
- BZOJ3514
- 数据库的分库分表
- 下拉列表,输入时自动检索匹配项
- IQKeyboardManager 使用方法
- Android EditText 银行卡四位空一格
- data-属性
- border
- SSL/TLS协议运行机制的概述
- 9-2getElementsByName()方法
- Nginx 日志切割脚本
- 解读DSI405中的enqueue之:基础
- 6 模型驱动
- iOS 时间处理