bootstraptable后端分页的参数设置相关

直接mark代码吧，我们后端是封装好的要传两个参数，一个是第几页，一个是每页多少条数据

1，前端引入两个bootstraptable的类库

bootstrap-table.min.js

bootstrap-table-zh-CN.min.js

2，html种的代码

<div class="form-group">
    <table id="taskTableUnaccept" style="border-bottom:1px solid #ddd">
    </table>
</div>

3，js中的代码

$(function () {

    // 初始化【未接受】工作流表格
    $("#taskTableUnaccept").bootstrapTable({
        url : 'todoTask/searchTask',
        method: 'get',
        pagination: true,
        sidePagination: "server",
        queryParamsType:'',
        pageSize: 10,
        pageNumber: 1,
        //pageList: [10, 25],
        queryParams:function queryParams(params) {   //设置查询参数

            var param = {

                limit: params.pageSize,   //每页多少条数据
                pageNo: params.pageNumber // 页码
            };

            //alert("param.pageNumber="+param.pageNumber+" param.limit="+param.limit);
            return param;
        },
        columns: [
            {
                field: 'entityId',
                title: '工作任务'
            },
            {
                field: 'dContMainEntity.createTime',
                title: '发起时间',
                formatter: function (value, row, index) {
                    return new Date(value).toLocaleString().substring(0,9);
                }
            },
            {
                field: 'flowId',
                title: '所属合同'
            },
            {
                field: 'id',
                title: '发起人'
            },
            {
                field: 'dContMainEntity.id',
                title: '当前流程'
            },
            {
                field: 'dContMainEntity.createUser',
                title: '当前执行人'
            },
            {
                field: 'dContMainEntity.operate',
                title: '操作',
                formatter: operateFormatter
            }
        ]
    });
});

// 点击表格中的操作按钮
function operateFormatter(value, row, index){
    /*var accept = '<button class="btn btn-primary" οnclick="" style ="margin-right:20px;">接受</button>';*/
    var detail = '<button class="btn btn-primary" οnclick="">详情</button>';
    return detail;
}

4，controller里的代码

UI层controller

@RequestMapping("/searchTask")
@ResponseBody
public Map<String, Object> searchTask(String taskStatus, int limit, int pageNo){
    Map<String, Object> params = new HashMap<String, Object>();

    // 查询哪种状态的工作任务
    params.put("taskStatus", taskStatus);

    // 分页信息参数
    params.put("limit", limit);
    params.put("pageNo", pageNo);

    Map<String, Object> map = this.post("task/search", params, Map.class);
    return map;
}

service实现类里的方法

@Override
public List<TaskDTO> searchTask(TaskParamDTO taskParamDTO){

    DContMainEntityExample dContMainEntityExample = new DContMainEntityExample();
    dContMainEntityExample.createCriteria().andCompIdEqualTo("test-company-id");
    ResultDTO<PageResultDTO<DContMainEntity>> resultDTO = dContMainEntityService.selectByExamplePageable(
            dContMainEntityExample,taskParamDTO.getPageNo(),taskParamDTO.getLimit());
    List<TaskDTO> taskDTOList = new LinkedList<TaskDTO>();
    return taskDTOList;
}