分页组件V2说明和演示
0.00
★14次@未来之窗
A:赛忞初雪
分页功能。它提供了默认的分页样式，同时支持自定义样式和配置。通过简单的 API 调用，开发者可以轻松地在页面中实现分页效果，并在页码切换时执行自定义的回调函数。
| 函数名 | 参数 | 返回值 | 功能说明 |
|---|---|---|---|
$cq.分页设置(options) |
options：一个对象，包含要配置的属性。常见属性如下：- callback：页码切换时的回调函数，默认是 cyberwinquery_defaultPageCallback。- style：分页的样式，默认是 fairy_cyberwinquery_defaultPaginationStyle。
|
无 | 用于配置分页的相关设置，如回调函数和样式。 |
$cq.分页_初始化(customStyle) |
customStyle：可选参数，自定义的分页样式。如果未提供，则使用配置中的样式。
|
无 | 手动初始化分页样式。如果样式已经初始化，再次调用会给出警告。 |
$cq.分页_动态样式(customCss) |
customCss：要追加或覆盖的 CSS 样式。
|
无 | 动态修改分页样式。如果样式未初始化，会先进行初始化。 |
$cq("选择器").分页(options) |
options：一个对象，包含分页的相关设置。常见属性如下：- id：分页容器的 ID，必须提供。- maxPage：总页数，默认是 1。- currentPage：当前页码，默认是 1。- callback：页码切换时的回调函数，默认使用配置中的回调函数。
|
返回当前实例，支持链式调用 | 在指定容器中渲染分页组件。 |
设置自定义回调函数和样式：
$cq.分页_初始化();
var 未来之窗当前分页 = 15;
function 分页世界(page) {
console.log("分页世界: " + page);
if(未来之窗当前分页 == page){
console.log("当前翻页相同禁止: " + page);
return;
}
}
$cq.分页设置({callback:分页世界});
$cq("#paginationContainer").分页({
id:"#paginationContainer",
maxPage:30, // 总页数
currentPage: 未来之窗当前分页, // 初始页码（默认1）
});
function 分页世界2(page) {
console.log("分页世界: " + page);
alert("分页世界2="+page);
}
function 分页世界3(page) {
alert("分页世界3="+page);
}
$cq("#paginationContainer多分页2").分页({
id:"#paginationContainer多分页2",
maxPage:30, // 总页数
currentPage: 5, // 初始页码（默认1）
callback:分页世界2,
pagesize:10
});
硬件app
