折腾了将近一周 终于分页好了 无语 先写下来 怕后面又忘了
前台写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顺序也没有错的