bootstraptable 服务端分页问题

折腾了将近一周 终于分页好了 无语 先写下来 怕后面又忘了

前台写js时有几个点要注意：

1.contentType要设为application/x-www-form-urlencoded//这里随意吧 试了下 json也是可以的 json会使得后台取值出现问题 需要把参数格式化下

2.queryParamsType设为''（为了方便，前台直接传pagesize就好）//写到后面 写烦了 直接传json

 

 1 oTableInit.Init = function () {
 2  $('#tablelist').bootstrapTable({ 
 3  url: 'http://localhost:8081/grgl/TBLHeadSpouseController/showTBLHS',
 4  method:'post',
 5  toolbar: '#toolbar',        //工具按钮用哪个容器
 6  pagination: true,                   //是否显示分页（*）
 7  contentType:"application/json",
 8  sortable: false,
 9  queryParams:oTableInit.queryParams,
10  cache: false,
11  singleSelect: true,                         //单选
12  clickToSelect: true,
13  showRefresh: false,                  //是否显示刷新按钮
14  showPaginationSwitch: true,       //是否显示选择分页数按钮
15  pageNumber: 1,                       //初始化加载第一页，默认第一页
16  pageSize: 10, //每页的记录行数（*）
17  search: false,
18  sidePagination: "client",
19  columns: [{
20  checkbox: true
21  },{
22  field: 'ID', 
23  title: '编号'
24  }]
25  });
26  
27  };
28  
29  oTableInit.queryParams =  function (params) {
30      var temp = {pageNumber: params.limit+params.offset-1,
31          pageSize:params.offset}
32         return JSON.stringify(temp);
33  };

 

关键在于后台返回（我在这卡了半天）

返回的是json对象 对象 对象。。。

这个很重要 我TM一直以为是返回字符串 无语了

    @RequestMapping(value="/showTBLES",method={RequestMethod.POST},produces={"application/json;charset=UTF-8"})
    @ResponseBody
    public JSONObject showTBLES(HttpSession session,@RequestBody JSONObject params) {
        String Tbles = null;
        try{
            Tbles= service.getTbles(params);
            System.out.println(Tbles);
        }
        catch(Exception e){
        
        }
        return JSONObject.fromObject(Tbles);
    }

run一下 一切正常 世界如此美好

写的清楚点 省的自己又忘了

剩下的等周一再改 hohoho

 

 

再补上点东西吧

post需要ajax提交 所以必须要设置contentType 保证后端能获取

最后问下 中文包为什么不起作用啊 我明明导进去了 js顺序也没有错的

posted @ 2017-05-20 20:21  KBLW  阅读(688)  评论(0)  编辑  收藏  举报