bootstrap table 的searchParam参数传递

80 阅读 0 评论 53 点赞

我是靠谱客的博主舒适冬日，这篇文章主要介绍bootstrap table 的searchParam参数传递，现在分享给大家，希望可以做个参考。

bootstrap table 的searchParam自定义参数传递

Bootstrap Table返回的数据为value 和 rows

Long total代表的是多少条(总数) List<T>rows是所有的数据(结果集) 这是在后台进行设置好返回到前台的

复制代码

js源码：function receiveList() {
    debugger
    $('#lingquTable').bootstrapTable({
        method: 'post',
        url: 'rentManage/getAllRent',
        silent: true,  //记忆排序选项?
        cache: false,
        pagination: true,//分页 当使用分页时必须设为true
        height: window.bsTableHeight - 70,
        contentType: 'application/x-www-form-urlencoded',
        showHeader: true,//是否显示列头。
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 20, 30, 40],        //可供选择的每页的行数（*）
        showColumns: false,//是否显示内容列下拉框。
        clickToSelect: true,//设置 true 将在点击行时，自动选择 rediobox 和 checkbox。?
        sidePagination: 'server',//设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置服务器数据地址（url）或者重写ajax方法。
        // sortable:true,
        //sortName:'createTime',
        //sortOrder: 'desc',//定义排序方式，'asc' 或者 'desc'。?哪个
        queryParams: searchParam,
        singleSelect: false     /* responseHandler: function (data) {//返回的数据可能有多层，Bootstrap不能够识别时使用这个转化一下数据       data = FastJson.format(data);//一个工具类可以自动将多层的数据转换为Bootstrap认识的格式       return data;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
js源码：
function receiveList() {
    debugger
    $('#lingquTable').bootstrapTable({
        method: 'post',
        url: 'rentManage/getAllRent',
        silent: true,  //记忆排序选项?
        cache: false,
        pagination: true,//分页 当使用分页时必须设为true
        height: window.bsTableHeight - 70,
        contentType: 'application/x-www-form-urlencoded',
        showHeader: true,//是否显示列头。
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 20, 30, 40],        //可供选择的每页的行数（*）
        showColumns: false,//是否显示内容列下拉框。
        clickToSelect: true,//设置 true 将在点击行时，自动选择 rediobox 和 checkbox。?
        sidePagination: 'server',//设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置服务器数据地址（url）或者重写ajax方法。
        // sortable:true,
        //sortName:'createTime',
        //sortOrder: 'desc',//定义排序方式，'asc' 或者 'desc'。?哪个
        queryParams: searchParam,
        singleSelect: false
     /* responseHandler: function (data) {//返回的数据可能有多层，Bootstrap不能够识别时使用这个转化一下数据
       data = FastJson.format(data);//一个工具类可以自动将多层的数据转换为Bootstrap认识的格式
       return data;

复制代码

1
      },*/

复制代码

1
columns: [{ checkbox: true }, 
          { field: '',//字段名称 对应name属性
              width: 70, title: "序号",//自定义列头名称 
              align: 'center',  
              formatter: function (value, row, index) {//当返回的数据是      
              return index + 1; } },}]

复制代码

1
自定义参数向后台传参：
function searchParam(params) {
var params = {

    limit: params.limit, //每页多少条

复制代码

1
    offset: params.offset=2, //从第几条开始读(默认就好)
    order: params.order,//排序方式
    pageNum: params.pageNum,//当前页(开始页)
    pageSize: params.pageSize,//每页的数量
    sort: params.sort,//根据什么排序
    searchGoodsName: $("#searchInput").val(),//自定义参数
    createTime: $("#a_rent_start").val(),//自定义
};

复制代码

1
return params;

复制代码

1
 }

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
controller： 用map接收    当使用实体接收参数时name属性的值和实体对上就可以了
 @ResponseBody
    @RequestMapping(value = "/getAllRent", method = RequestMethod.POST)
    public AjaxResult getOutDateThing(@RequestParam Map map,PageUtil pageUtil) {//第几页，每页几条
        OnlineUser user = SecurityUtil.getOnlineUser();
        String toUserId = user.getId();//责任人id
        try {
            PageInfo pageInfo = rentManageService.getAllRent(pageUtil.getPageNum(), pageUtil.getPageSize(), map);
            return sendAjaxResult(pageInfo);
        } catch (Exception e) {
            logger.error("获得领取物品失败", e);
            return sendOperErrorAjaxResult("获得领取物品失败：" + e.getMessage());
        }
    }