easyui

最新推荐文章于 2019-06-17 23:08:26 发布

xindeyitia

最新推荐文章于 2019-06-17 23:08:26 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery easyui 分页学习笔记文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/xindeyitia/article/details/84697485

学习笔记同时被 2 个专栏收录

26 篇文章

订阅专栏

jquery easyui 分页

1 篇文章

订阅专栏

本文介绍了一种使用jQuery和Easyui实现的分页功能，通过设置总条数、每页条数和当前页数，实现了数据的分页展示，并通过事件监听实现了页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


$(function(){
			var pageCount=${pageBean.count}//总条数
			var pageSize=${pageBean.pageSize}//每页条数
			var pageNumber=${pageBean.pageNum}//当前页数
			$("#pp").pagination({
			total:pageCount,
		    pageSize:pageSize,
		    pageNumber:pageNumber,
			pageList: [5,10],
			displayMsg:"第 {from}条到第{to}条 /共{total}条",
			layout:['list','sep','first','prev','links','next','last','sep','refresh'],
			onSelectPage :function(pageNumber,pageSize){
								$("#hiddenPageNum").val(pageNumber);
								$("#hiddenPageSize").val(pageSize);
								$("#pageAction").submit();
							}
		});
		})


<div id="pp" class="easyui-pagination"></div>