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

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


猜你喜欢

转载自blog.csdn.net/qq_22211217/article/details/79237634