发布于 2016-08-31 06:48:08 | 163 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程,程序狗速度看过来!

EasyUI jQuery UI插件

jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。


jQuery EasyUI API 中文文档 - Pagination分页,使用jQuery EasyUI的朋友可以参考下。

用 $.fn.pagination.defaults 重写了 defaults。
依赖
linkbutton
用法

 
<div id="pp" style="background:#efefef;border:1px solid #ccc;"></div> 

 
$('#pp').pagination({ 
total:2000, 
pageSize:10 
}); 

特性

名称

类型

说明

默认值

total

number

记录总数,应该在创建pagination时设置。

1

pageSize

number

页面尺寸。(译者注:每页显示的最大记录数)

10

pageNumber

number

创建pagination时显示的页码。

1

pageList

array

用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。

[10,20,30,50]

loading

boolean

定义了是否数据正在加载。

false

buttons

array

定义了自定义按钮,每个按钮包含两个特性:
iconCls:CSS类,它将显示一个背景图片
handler:当按钮被点击时的处理函数。

null

showPageList

boolean

定义了是否显示页面列表。

true

showRefresh

boolean

定义了是否显示刷新按钮。

true

beforePageText

string

在input组件之前显示label。

Page

afterPageText

string

在input组件之后显示label。

of {pages}

displayMsg

string

显示页面信息。

Displaying {from} to {to} of {total} items

事件

名称

参数

说明

onSelectPage

pageNumber, pageSize

当用户选择新的页面时触发。回调函数包含两个参数:
pageNumber:新的页码
pageSize:新的页面尺寸

onBeforeRefresh

pageNumber, pageSize

刷新按钮点击之前触发,返回false就取消刷新动作。

onRefresh

pageNumber, pageSize

刷新之后触发。

onChangePageSize

pageSize

当用户改变页面尺寸时触发。

Methods

名称

参数

说明

options

none

返回options对象。

loading

none

把pagination变成正在加载(loading)状态。

loaded

none

把pagination变成加载完成(loaded)状态。



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务