datatable 服务器端分页
2017-06-30 16:27
218 查看
js:
controller:
返回的数据类型:
@Getter
@Setter
public class DataTablePaging<T> {
private int draw;
private long recordsTotal;
private long recordsFiltered;
private List<T> data;
}
service:
DAO:
function A() { datatableApi = $('#tableName').DataTable({ pageLength: 10, //分页长度 paging: true, //分页 showRowNumber: true, //显示行号 lengthChange: false, //不允许修改分页长度 ordering: false, //排序 info: true, //数据总数 searching: false, //搜索 destroy: true, //Cannot reinitialise DataTable,解决重新加载表格内容问题 language: languageObj, serverSide: true, //服务器端分页 autoWidth: false, ajax: { type : 'post', url :'./manage/search.do', data :function(data){ var params = {}; params.yourData=yourData; params.page=data.start / data.length + 1; params.rows= data.length; params.draw = data.draw; return params; }, dataSrc:'data', //这里不能用方法处理数据。会重载他原来的方法 导致初始化失败。 dataType : "json" }, columns:[ { data:function(row){ return row.time; }, title:"提交时间", width:"15%" }, { data:"name", title:"姓名", width:"7%" }... ] }); }
controller:
@ResponseBody @RequestMapping("search") public DataTablePaging<T> search(HttpServletRequest request,String yourData, PageParam pageParam,int draw){ return Service.search(yourData, pageParam, draw); }
返回的数据类型:
@Getter
@Setter
public class DataTablePaging<T> {
private int draw;
private long recordsTotal;
private long recordsFiltered;
private List<T> data;
}
service:
@Override public DataTablePaging<T> search(T yourData,PageParam pageParam,int draw) { PageModel<T> a; a=Dao.search(yourData,pageParam); DataTablePaging<T> Paging= new DataTablePaging<>();; Paging.setData(a.getRows()); Paging.setDraw(draw); Paging.setRecordsTotal(a.getTotal()); Paging.setRecordsFiltered(a.getTotal()); return Paging; }
DAO:
@Override public PageModel<T> search(T yourData,PageParam pageParam) { List<T> params = new ArrayList<>(); String jpql = "..."; return find(jpql,pageParam,params.toArray()); }
相关文章推荐
- dataTable实现服务器端分页(python)
- YUI2 datatable 分页及服务器端排序
- DataTable 服务器端动态分页
- datatable表格框架服务器端分页查询设置
- datatable 服务器端分页
- datatable 服务器端分页
- datatables.js 简单使用--多选框和服务器端分页
- 使用vue和datatables进行表格的服务器端分页实例代码
- 给girdview添加数据、并简单分页(使用datatable作为数据源)
- 一款Jquery 分页插件的改造方法(服务器端分页)
- 现存问题以及解决方案:在ASP.NET AJAX客户端得到服务器端的DataTable
- bootstrap table 服务器端分页--ashx+ajax
- bootstrapTable--1.服务器端分页
- datatables服务器端分页要点
- Java中实现DataTable工具类,并利用其实现简单分页控件。
- 分页的datatable
- "数据源不支持服务器端的数据分页"的问题解决
- DataTable中数据记录的排序,检索,合并,分页,统计(整理)
- DataTable数据进行排序、检索、合并、分页、统计
- datatable表头增加分页