你尚未登录,仅允许查看本站部分内容。请登录使用邀请码注册
nimo

Paging 简单自由的分页生成器 0个回复 专栏 @ Javascript

nimo 发布于 1 年前

传统的分页都是由后端输出 HTML 生成的,使用 AJAX 获取 JSON 显示内容时就需要由前端创建分页。

Paging 只需要知道当前页码和总页数就可以快速生成分页。

Paging 自带了一套默认的模板和样式:

Paging 的使用方法非常简单:

<link rel="stylesheet" href="http://static.nimojs.com/umd/alice-paging/1.1.0/index.css">
<script src="http://static.nimojs.com/umd/paging/0.0.1/paging.js"></script>

<div id="view"></div>

<script>
var html = Paging.render({
    // 当前页
    currentPage: 2,
    // 总页数
    pageCount: 10,
    // 链接前缀
    link: '?id='
})
document.getElementById('view').innerHTML = html
</script>

预览效果

当你需要完全自定义风格时你可以通过修改样式修改模板 完全控制外观。


订阅博客

若作者显示不是Nimo(被转载了),请访问Github原文进行讨论:https://github.com/nimojs/blog/issues/23

等待第一条回复
登录后回复,如无账号,请使用邀请码注册