jQuery datatable 分页



1、前台以userInfo.js为例
	var tableInit 的aLengthMenu属性设置分页
		[[2,15,15, 20, -1] 
	"iDisplayLength" : 2, 设置值与[[2,15,15, 20, -1] 第一个值一致
	"bStateSave":true,设置为true,这样可以防止假如已经访问到第5页,ctrl+F5 后又回到第一	

页
	 "sAjaxSource" : "listPagingUser?rand="+ Math.random(),设置成分页url

当点击上一页下一页动作时自动向后台发送listPagingUser请求并把很多参数传过去,具体有哪些可用

浏览器debug工作查看,分页用到的有iDisplayLength 、iDisplayStart 

当切换每页显示多少条时,也会自动触发"listPagingUser请求

2、后台以UserController为例
	方法listPagingUser
	
	List<User> userList = userService.pagination4User(page);根据前台传过来的
	iDisplayLength 每页显示多少条
	iDisplayStart 从第几条记录开始显示
	sEcho 前台传过来后台再原样回传回去(datatable就这么要求的)
	具体分页sql见mapper文件


	List<User> allUser = userService.listAllUser(); 
	int count = allUser.size();//获取总条数
		
	PageData pd = new PageData();
	然后将下面信息回传到前台,datable根据这些参数完成自动分页、

	pd.setIDisplayLength(page.getiDisplayLength()); //每页显示多少条
	pd.setIDisplayStart(page.getiDisplayStart());从第几条记录开始显示
	pd.setAaData(userList); //分页数据
	pd.setITotalDisplayRecords(Integer.toString(count)); //设置为总条数
	pd.setITotalRecords(Integer.toString(count)); //设置为总条数
	pd.setSEcho(page.getsEcho()); //原样返回

	String json = JSON.toJSONString(pd); //搞成json回传到前台

 为生活加点乐子,TBDIAN:大欢乐情调

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery.datatable是一款常用的前端表格插件,它支持前端和后端分页两种方式。在后端分页的情况下,数据请求和处理都在服务器端完成,前端只需要展示和呈现数据。 在使用jquery.datatable进行后端分页时,我们需要进行以下步骤: 1.准备后端接口:需要在服务器端提供一个接口来处理数据请求。这个接口需要接受一些参数,例如当前页码、每页显示数量等。接口会根据这些参数查询数据库,并返回相应的数据结果。 2.前端配置datatable插件:在前端页面中,需要引入jquery.datatable的相应脚本文件,并配置datatable的参数。其中,重要的参数包括ajax配置项,用于指定后端接口的URL,以及服务器端接口需要的参数。 3.发送数据请求:当用户操作表格进行翻页或者其他操作时,jquery.datatable会根据配置的ajax参数自动发送数据请求到后端接口。请求参数中包含当前页码、每页显示数量等信息。 4.服务器处理请求:后端接口接收到数据请求后,根据请求参数进行相应的查询和处理操作。可以使用数据库查询语言等方式查询数据库,并返回结果给前端。 5.前端展示数据:jquery.datatable会自动根据后端返回的数据结果,生成对应的表格展示。同时,它还提供了丰富的功能和样式配置选项,使得表格的展示更加灵活和美观。 总结来说,使用jquery.datatable进行后端分页需要准备后端接口,配置前端datatable,并进行数据请求和处理。这样就能够实现在前端页面展示由后端数据查询而来的分页表格。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值