Class PagerView
分页控件, 使用原生的JavaScript代码编写. 重写onclick方法, 获取翻页事件,
可用来向服务器端发起AJAX请求.
Defined in: PagerView.js.
| Constructor Attributes | Constructor Name and Description |
|---|---|
|
PagerView(id:)
|
| Field Attributes | Field Name and Description |
|---|---|
|
当前控件所处的HTML节点引用.
|
|
|
当前页码, 从1开始
|
|
|
记录总数
|
|
|
显示的分页按钮数量
|
|
|
每页显示记录数
|
| Method Attributes | Method Name and Description |
|---|---|
|
page(rows)
获取作为参数的数组落在相应页的数据片段.
|
|
|
render()
渲染控件.
|
| Event Attributes | Event Name and Description |
|---|---|
|
onclick(index:)
控件使用者重写本方法, 获取翻页事件, 可用来向服务器端发起AJAX请求.
|
Class Detail
PagerView(id:)
Author: ideawu@163.com.
### HTML:
<div id="pager"></div>
### JavaScript:
var pager = new PagerView('pager');
pager.index = 3; // 当前是第3页
pager.size = 16; // 每页显示16条记录
pager.itemCount = 100; // 一共有100条记录
pager.onclick = function(index){
alert('click on page: ' + index);
// display data...
};
pager.render();
- Parameters:
- {String} id:
- HTML节点的id属性值, 控件将显示在该节点中.
- Returns:
- {PagerView} : 返回分页控件实例.
- See:
- http://www.ideawu.net/
Field Detail
{DOMElement}
container
当前控件所处的HTML节点引用.
{int}
index
当前页码, 从1开始
{int}
itemCount
记录总数
{int}
maxButtons
显示的分页按钮数量
{int}
size
每页显示记录数
Method Detail
{Array[Object]}
page(rows)
获取作为参数的数组落在相应页的数据片段.
- Parameters:
- {Array[Object]} rows
- Returns:
- {Array[Object]}
render()
渲染控件.
Event Detail
{Boolean}
onclick(index:)
控件使用者重写本方法, 获取翻页事件, 可用来向服务器端发起AJAX请求.
如果要取消本次翻页事件, 重写回调函数返回 false.
- Parameters:
- {int} index:
- 被点击的页码.
- Returns:
- {Boolean} 返回false表示取消本次翻页事件.