折腾了将近一周 终于分页好了 无语 先写下来 怕后面又忘了
前台写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="/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顺序也没有错的
时间: 2024-10-23 07:48:59