首页 > 代码库 > bootstraptable 服务端分页问题

bootstraptable 服务端分页问题

2024-09-23 19:04:45   213人阅读

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

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

1.contentType要设为application/x-www-form-urlencoded

2.queryParamsType设为‘‘（为了方便，前台直接传pagesize就好）

 

 1  $(‘#tablelist‘).bootstrapTable({ 
 2  url: url
 3  method:‘post‘,
 4  toolbar: ‘#toolbar‘,        //工具按钮用哪个容器
 5  pagination: true,                   //是否显示分页（*）
 6  contentType: "application/x-www-form-urlencoded",
 7  cache: false,
 8  //data:showTBLES(),
 9  queryParamsType:‘‘,
10  singleSelect: true,                         //单选
11  clickToSelect: true,
12  showRefresh: false,                  //是否显示刷新按钮
13  showPaginationSwitch: true,       //是否显示选择分页数按钮
14  pageNumber: 1,                       //初始化加载第一页，默认第一页
15  pageSize: 10, //每页的记录行数（*）
16  search: false,
17  sidePagination: "server",
18  checkboxHeader: true,
19  columns: [{
20  checkbox: true
21  },{
22  field: ‘ID‘, 
23  title: ‘编号‘
24  }]
25  });

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

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

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

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

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

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

剩下的等周一再改 hohoho

 

 

再补上点东西吧

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

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

bootstraptable 服务端分页问题


联系
我们