bootstrap的bootstrapTable分页查询如何扩展表单参数

最新推荐文章于 2024-02-25 20:50:31 发布

Mars'Ares

最新推荐文章于 2024-02-25 20:50:31 发布

阅读量1.5k

点赞数 1

文章标签： bootstrap bootstrapTable

本文链接：https://blog.csdn.net/qq_22211217/article/details/79237634

版权

//初始化表格
$('#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对象中，则参数扩展表单中参数，可以与后台进行参数注入