传统的分页都是由后端输出 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