1、分页控件
分页控件常结合grid表格一起使用
属性:
名称 |
类型 |
描述 |
默认 |
pageIndex |
Number |
页码 |
0 |
pageSize |
Number |
每页多少条 |
10 |
totalCount |
Number |
总记录数 |
0 |
方法:
在使用方法的时候,需要先用$J 获取到对象,如$J. get (id),再使用方法.
名称 |
参数 |
描述 |
返回值 |
update ( index, size, total ) |
index:当前页数;size:每页数据条数; total:总数据数 |
更新分页控件状态 |
无 |
getTotalPage ( ) |
无 |
获取总页数 |
Number |
事件:
名称 |
参数 |
描述 |
pagechanged |
无 |
分页信息改变时发生 |
<div class="nui-pager" style="width: 500px; background: #ccc;" totalCount="123" onpagechanged="onPageChanged"></div>
<script type="text/javascript">
function onPageChanged(e) {
alert(e.pageIndex + ":" + e.pageSize);
}
</script>
2、outlookbar折叠面板组
activeIndex表示当前活动的面板,从0开始
属性:
名称 |
类型 |
描述 |
默认 |
activeIndex |
Number |
选中面板的索引 |
-1 |
autoCollapse |
Boolean |
是否自动折叠 |
false |
expandOnLoad |
Boolean |
各个子面板初始折叠状态 |
true |
方法:
名称 |
参数 |
描述 |
返回值 |
setGroups ( Array ) |
array:groups数组 |
设置groups数组 |
无 |
addGroup ( Object [, index] ) |
Object:group对象; index:Number;索引号 |
增加group |
无 |
removeGroup ( name/index ) |
name:group名称;index:group索引号 |
删除group面板 |
无 |
removeAll ( ) |
无 |
删除所有子Group |
无 |
moveGroup ( group, index ) |
group:group对象;index:索引号 |
移动group面板到新位置 |
无 |
updateGroup ( group, options ) |
group:group对象 |
更新group面板 |
无 |
getGroup ( index ) getGroup ( groupName ) |
index:group索引号; groupName:group名称 |
获取group面板对象 |