jquery dataTable 后台加载数据并分页

小云云
풀어 주다: 2018-01-10 10:26:29
원래의
4621명이 탐색했습니다.

本文主要介绍了jquery dataTable 后台加载数据并分页实例代码,具有一定的参考价值,有兴趣的可以了解一下,希望能帮助到大家。

使用 dataTable后台加载数据并分页。网上版本很多,但很多都是不能用或者不详细的,这里是已经验证过的。

引用 js文件


로그인 후 복사


 
로그인 후 복사

添加一个table 标签,可以不用,可以动态加载


名称 apiKey secretKey 创建时间 Status 操作
로그인 후 복사

关键的JS代码:


로그인 후 복사

后台代码:


// 获取前端过来的参数,下面三个参数是 dataTable默认的,不要随便更改 Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1 Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始 Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size Map map = new HashMap(); try { // 查询数据,分页的话我这边使用的是 PageHelper,这边不介绍了 PagedResult list = pushEntityService.findByUserId( pushUser.getId(), iDisplayStart, iDisplayLength); // 为操作次数加1,必须这样做 int initEcho = sEcho + 1;
로그인 후 복사


//返回参数也是固定的 map.put("sEcho", initEcho); map.put("iTotalRecords", list.getTotal());//数据总条数 map.put("iTotalDisplayRecords", list.getTotal());//显示的条数 map.put("aData", list.getDataList());//数据集合 } catch (Exception e) { e.printStackTrace(); } return map;
로그인 후 복사

相关推荐:

JQuery.dataTables表格插件跳转到指定页实例分享

jquery DataTable前后台动态分页实现方法分享

关于jQuery Datatable 多个查询条件自定义提交事件示例分享

위 내용은 jquery dataTable 后台加载数据并分页의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!