分页 Paging

Constructor

Implements: Widget

Tutorials: 控件对象使用快速入门

可设置的属性

Name	Type	Description
name	String	控件的名字，唯一标志
title	String	控件title
hidden	Boolean	隐藏
hoverTip	String	悬停提示
count	Number	总条数（用于计算页数）
pageSize	Number	每页数量（用于计算页数）
groups	Number	连续页码数量
limits	Array｜String	预置的每页数量
layout	Array｜String	布局，按照顺序显示，没有则不开启功能 ('prev','page','next','skip','limit','count')
color	String	颜色

可读取的属性

Name	Type	Description
name	String	控件的名字，唯一标志
title	String	控件title
hidden	Boolean	隐藏
hoverTip	String	悬停提示
count	Number	总条数（用于计算页数）
pageSize	Number	每页数量（用于计算页数）
groups	Number	连续页码数量
limits	Array｜String	预置的每页数量
layout	Array｜String	布局，按照顺序显示，没有则不开启功能
color	String	颜色

方法

intoView

Description： 把控件移动到页面可视范围

调用举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.doMethod('intoView');

gotoPage

Description： 跳转页面

调用参数：

Name	Type	Description
pageNo	Number	页码

返回值:无

调用举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.doMethod('gotoPage' , 2);

事件

selectPage

Description： 页码被选择（此事件多用于载入数据）

回调函数参数

Name	Type	Description
pageNo	Number	页码
pageSize	Number	每页数量
pages	Number	总共页数
count	Number	总共数据量

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('selectPage' , function(pageNo,pageSize,pages,count){
    vjsp.alert('跳转到：'+pageNo+'页'); 
});

click

Description： 单击

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('click' , function(e){
    vjsp.alert('click event');
});

dblclick

Description： 双击

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('dblclick' , function(e){
    vjsp.alert('dblclick event');
});

contextmenu

Description： 弹出上下文菜单

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('contextmenu' , function(e){
    vjsp.alert('contextmenu event');
});

mousedown

Description： 鼠标按下

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mousedown' , function(e){
    vjsp.alert('mousedown event');
});

mouseup

Description： 鼠标弹起

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mouseup' , function(e){
    vjsp.alert('mouseup event');
});

mousemove

Description： 鼠标移动

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mousemove' , function(e){
    vjsp.alert('mousemove event');
});

mouseover

Description： 鼠标移动控件上

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mouseover' , function(e){
    vjsp.alert('mouseover event');
});

mouseout

Description： 鼠标离开

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mouseout' , function(e){
    vjsp.alert('mouseout event');
});

mouseenter

Description： 鼠标移入

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mouseenter' , function(e){
    vjsp.alert('mouseenter event');
});

mouseleave

Description： 鼠标移出

回调函数参数

Name	Type	Description
e	Object	jQuery事件对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('mouseleave' , function(e){
    vjsp.alert('mouseleave event');
});

hidden

Description： 隐藏事件（隐藏显示触发 回调参数为隐藏状态）

回调函数参数

Name	Type	Description
hiddenState	Boolean	隐藏状态true为隐藏、false为取消隐藏

绑定举例：

var widget = vjsp.Parser.getWidgetByName('paging');
widget.on('hidden' , function(hiddenState){
    if(hiddenState){
        vjsp.alert('控件被隐藏');
    }else{
        vjsp.alert('控件取消隐藏');
    }
});