分页

样式

带边框的分页样式

1 2	<!-- 要绑定控件的目标元素 --> <div id="paginations"></div>

/*el可以是承载容器的ID,class,也可以是Element,func为回调函数*/
 var func=function(data){
      
   }
 var page1=new Pagination({
		el:"#paginations",
			pageNum:6,
			elClass:"border",
			currentPage:1,
			total:10,
			itemClass:"",
			nextpage:true,
			prepage:true,
		    nextPageClass:["abc"],
			prePageClass:["abc"],
			pageTogleClass:"",
			callback:func
	});

纯文字的分页样式

1 2	<!-- 要绑定控件的目标元素 --> <div class="paginations"></div>

/*el可以是承载容器的ID,class,也可以是Element*/
 var page1=new Pagination({
			el:".paginations",
			pageNum:4,
			currentPage:1,
			total:20,
			itemClass:"",
			nextpage:true,
			prepage:true,
		    nextPageclass:["abc"],
			prePageClass:["abc"],
			pageTogleClass:"",
			callback:func
	});

超过10页的分页样式

1 2	<!-- 要绑定控件的目标元素 --> <div class="pagination3"></div>

/*el可以是承载容器的ID,class,也可以是Element*/
 var page1=new Pagination({
			el:".pagination3",
			pageNum:4,
			currentPage:1,
			total:20,
			itemClass:"",
			nextpage:true,
			prepage:true,
		    nextPageclass:["abc"],
			prePageClass:["abc"],
			pageTogleClass:"",
			callback:func
	});

API

语法

var page3 = new woUI.Pagination(options);

options: 参数见下列表。

参数

options <Object>

初始化分页的一些配置项，可选参数。包含的属性有：

属性	类型	作用
`el`	`String/Node`	要绑定分页组件的目标元素,可以传入 `String` (css 选择器)，也可以传入元素 `(Node)`
`pageNum`	`Number`	指定分页页码数量
`currentPage`	`Number`	指定当前页
`total`	`Number`	总页数
`elClass`	`string`	分页的总体样式 border(页码带有边框)/noborder(页码不带边框)
`nextPageclass`	`string`	下一页样式
`prePageClass`	`string`	上一页样式

直接跳到指定页

Pagination.prototype.adaptPage(currentPage)

currentPage: 传入的将要跳转到的页码的值，支持 Number 格式。**通过此方法改变当前页，默认会触发 callback 回调，多用于刷新页面,或重新进入页面的场景。

分页的回调函数：

属性	类型	作用
`param`	`Number`	返回值是当前页的页码

分页
1. 样式
2. API