bootstraptable 服务端分页问题

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

前台写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

bootstraptable 服务端分页问题的相关文章

Bootstrap-table服务端分页

bootstarp-table服务端分页 $('#test-table').bootstrapTable({ //请求方法 method: 'get', //是否显示行间隔色 striped: true, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) cache: false, //是否显示分页(*) pagination: true, //是否启用排序 sortable: false, //排序方式 sortOrder: "asc", //初始化加载第一

BootStrap-table 客户端分页和服务端分页的区别

当服务器没有对数据进行分页时,前端页面设计又要求进行分页,要分开来设置. 服务端分页: responseHandler: function(data){ return data.response; }, 客户端分页,需要指定到rows: sidePagination : "client", responseHandler: function(data){ return data.response.rows; },

bootstrap table 服务端分页

前端js $(function () { //$('#MDTable').bootstrapTable('destroy'); $("#MDTable").bootstrapTable({ //'destroy' 是必须要加的==作用是加载服务器数据,初始化表格的内容Destroy the bootstrap table. toolbar: '#toolbar', //工具按钮用哪个容器 method: 'get', url: "/MD_All/MD_Data",

项目实战之服务端分页的实现——SQL

服务端的分页就一个SQL语句就可以搞定,贴出代码后自己慢慢欣赏: CREATE Procedure AppGetEmpList @EID int, @LGID int, @pagesize int, @pageindex int As Begin select count(*) count from appemployee Select a.ID,a.EID,Case When @LGID=2052 Then Name Else eName End Name,DepTitle,JobTitle

ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项

引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之后,发现即使你用了bootstrap还是要自己写css样式,都是自学的,前端真的很垃圾,在网上找了很多UI,以下是各种UI的地址,需要的可以去看看: H-ui:http://www.h-ui.net/H-ui.admin.shtml ,是一个前端大牛弄得,模仿bootstrap,做适合中国网上的UI

Datables 服务端分页for DJango

安装 django-datatables-view pip install django-datatables-view 前端配置-JS部分 $('#mytable').DataTable({ "paging": true, "lengthChange": true, "searching": true, "ordering": true, "info": true, "autoWidth&quo

Android ListView分页加载(服务端+android端)Demo

Android ListView分页加载功能 在实际开发中经常用到,是每个开发者必须掌握的内容,本Demo给出了服务端+Android端的两者的代码,并成功通过了测试. 服务端使用MyEclipse,Android端使用Eclipse. 实现效果图: 服务端一共100条数据,共分四页,每页有25条数据. 源代码: 服务端: 需要导入图中这几个jar包. 在运行Android端代码前,需要开启服务端: 下面先给出服务端的代码: 类EmpDataSource: package com.android

LigerUI中通过加载服务端数据进行表格的分页显示

前言:我的这一篇文章是紧接着上一篇关于LigerUI的文章(http://www.zifangsky.cn/379.html)写的,因此在这里我就省略了相关的环境搭建,直接进入正题 一 介绍 在LigerUI中显示表格是用的ligerGrid,同时我们可以通过配置url参数就可以加载远程数据并显示成表格形式.不仅如此,ligerGrid还可以进行数据的排序和分页显示: (1)排序:需要用到"sortname"和"sortorder"这两个参数,分别表示按哪个字段排序

Android ListView分页载入(服务端+android端)Demo

Android ListView分页载入功能 在实际开发中经经常使用到,是每一个开发人员必须掌握的内容,本Demo给出了服务端+Android端的两者的代码,并成功通过了測试. 服务端使用MyEclipse,Android端使用Eclipse. 实现效果图: 服务端一共100条数据,共分四页,每页有25条数据. 源码: 服务端: 须要导入图中这几个jar包. 在执行Android端代码前,须要开启服务端: 以下先给出服务端的代码: 类EmpDataSource: package com.andr