折腾了将近一周 终于分页好了 无语 先写下来 怕后面又忘了
前台写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顺序也没有错的
转载于:https://www.cnblogs.com/bycainiao/p/6883065.html