您的位置:首页 > Web前端 > BootStrap

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对象中,则参数扩展表单中参数,可以与后台进行参数注入
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐