zoukankan      html  css  js  c++  java
  • 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顺序也没有错的

  • 相关阅读:
    VUE的生命周期
    ID生成算法(二)
    ID生成算法(一)——雪花算法
    HTTP状态码和支持的方法
    水平居中/垂直居中/水平垂直居中总结
    判断数组类型的4种方法
    WebSocket浅谈
    vue中使用定时器时this指向
    银行转账业务梳理
    支付那些事儿
  • 原文地址:https://www.cnblogs.com/bycainiao/p/6883065.html
Copyright © 2011-2022 走看看