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表示取消本次翻页事件.