Bootstrap Table 无法接收查询参数

Bootstrap Table中contentType参数默认为application/json将其修改成
contentType: ‘application/x-www-form-urlencoded’ 即可完成参数的接收。

例如:

var $table = $('#table').bootstrapTable({
            url: '/hr/organization/query',
            height: $WIN.height()-50,
            method: 'post',
            search: true,
            locale: 'zh-CN',
            pagination: true,
            sidePagination: 'server', // client or server
            pageList: [10, 25, 50, 100],
            showColumns: true,
            showRefresh: true,
            sortable: true,
            contentType: 'application/x-www-form-urlencoded',
            queryParams: queryParams,
            toolbar: '#toolbar-btn',
            showExport: true,                     //是否显示导出
            exportDataType: "basic",              //basic', 'all', 'selected'.
            columns: [{
                field: 'state',
                checkbox: true,
            }, {
                field: 'organizationCode',
                title: '<@spring.message "hr.organization_code"/>',
                sortable: true,
                width: 100,
                editable: true
            }, {
                field: 'organizationName',
                title: '<@spring.message "hr.organization_name"/>',
                width: 200,
                editable: true
            }, {
                field: 'startActiveDate',
                title: '<@spring.message "fnd.start_active_date"/>',
                width: 120,
            }, {
                field: 'endActiveDate',
                title: '<@spring.message "fnd.end_active_date"/>',
                width: 120,
                format: 'yyyy-mm-dd',
                formatter: function (endDate) {
                    if (typeof  endDate == 'string') {

                        var temp = endDate;
                        var fullDate = temp.split("-");

                        return new Date(fullDate[0], fullDate[1] - 1, fullDate[2], 0, 0, 0);
                    } else {
                        return endDate;
                    }
                },
                editable:
                    {
                        title: '<@spring.message "fnd.end_active_date"/>',
                        type:
                            'date',
                        clear:
                            false,
                        placement:
                            'left',
                    }
            }
            ],
            onEditableSave: function (field, row, oldValue, $el) {
                row.state = true;
            }
            ,
        })
    ;

    function queryParams(params) {
        var organizationCode = params.search;
        if (organizationCode == "") {
            var param = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
                pageSize: params.limit,   //页面大小
                pageNumber: params.offset  //页码
            };
        } else {
            var param = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
                organizationCode: organizationCode,
                pageSize: params.limit,   //页面大小
                pageNumber: params.offset  //页码
            };
        }
        //console.log(JSON.stringify(param));

        return param;
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值