bootstrap的bootstrapTable分页查询如何扩展表单参数
2018-02-02 12:57
411 查看
//初始化表格 $('#addWorkOrderTable').bootstrapTable({ method: 'POST', dataType: 'json', contentType: "application/x-www-form-urlencoded", cache: false, striped: true, sidePagination: "server", url: "", height: $(window).height() - 230, width: $(window).width() - 20, showColumns: true, pagination: true, sortName:"gdzt,pdsj", sortOrder:"asc", pageNumber: 1, pageSize: 10, queryParams:function(params) { var temp = { pageSize: params.pageSize, pageNumber: params.pageNumber, sortName: params.sortName, sortOrder: params.sortOrder }; $.extend(temp,getFormJson($("#searchWorkOrderForm"))); return temp; }, queryParamsType:'', minimumCountColumns: 2, pageList: [10, 15, 25, 50, 100], uniqueId: "id", showExport: true, exportDataType: 'all', clickToSelect: 'true', columns: [[]]})
1、如上大字所示,默认分页查询 触发的查询携带的参数如下(均为初始化表格定义的)bootstrap-tableAPI
pageSize,sortOrder,sortName,sortOrder (服务器分页模式)
2、若想要使用自定义查询,可以通过 $.extend()方法进行表单参数拼接 具体请查看 $.extend api
如上代码使用表单参数组成json数组对象拼接在原有的json对象中,则参数扩展表单中参数,可以与后台进行参数注入
相关文章推荐
- bootstrap table分页采用server方式,分页查询
- thinkphp5多条件模糊查询以及多条件查询带分页如何保留参数
- Bootstrap Table使用整理(五)之分页组合查询
- bootstraptable 分页查询 及 条件查询
- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- Java - Servlet中如何获取用户提交的查询参数或表单数据?
- bootstrap-table当查询后再去点击分页时,后台返回的数据是正确的,前台也显示正确了,但是当我点击分页时,列表会刷新为最初的数据,而不再是本次查询得到的数据
- 问题:分页连接,如何带入查询参数
- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- 自定义Bootstrap-Table扩展——分页跳转到指定页码
- Bootstrap-table学习笔记(二)——前后端分页模糊查询
- bootstrapTable查询时分页页数不初始化问题
- bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
- mybatis pagehelp分页 Springmvc+Mybatis+pagehelper5.1.2+bootstrap table分页和分页查询
- bootstrap 和 easyui在使用table分页的时候使用参数的异同
- 如何封装form表单中富文本编辑器bootstrap wysiwyg到jfinal传递参数
- tp分页的实现(如何随心所欲生成页码的url参数)
- Bootstrap如何创建表单