EasyUI(一)_数据表格基础组件(1:pagination)

参考书籍《jQuery EasyUI 网站开发实战》

pagination 分页

使用方法

//省略导入jQuery和EasyUI框架
<div class="easyui-pagination"></div>

---

 

属性

分页控件布局定义	layout-空-array(first,prev,manual,next,last,list,refresh,info,sep)
显示页面导航列表	showPageList-true-boolean(属性名-默认值-值类型(可选参数))
页面导航列表	pageList-[10,20]-array
页面默认大小	pageSize-10-number(必须是pageList中数值)
页码输入框 前 显示	beforePageText-第-string
初始显示页数	pageNumber-1-number
页码输入框 后 显示	afterPageText-共{pages}页-string
显示刷新按钮	showRefresh-true-boolean
显示刷新按钮 状态	loading-false-boolean
链接数	links-10-number
自定义按钮	buttons-null-array
显示页面信息	showPageInfo-true-boolean
总记录数	total-1-number
页面信息内容	displayMsg-显示{from}到{to},共{total}条记录

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

 

方法

返回参数对象	options-none(方法名-参数)
选择 新 数据页	select-page 不带参数-刷新当前页
刷新并显示 分页组件	refresh-options 不带参数-刷新分页信息
刷新按钮 正在加载	loading-none
刷新按钮 完成加载	loaded-none

 

 

 

 

 

 

 

 

 

---

 

事件

选择新数据页 触发	onSelectPage-pageNumber,pageSize
刷新数据 前 触发	onBeforeRefresh-pageNumber,pageSize  return false 取消刷新
刷新数据 后 触发	onRefresh-pageNumber,pageSize
更改页面记录大小 触发	onChangePageSize-pageSize