首页 > 网站 > WEB开发 > 正文

Paging 简单自由的分页生成器

2024-04-27 14:09:32
字体:
来源:转载
供稿:网友

Paging 简单自由的分页生成器

2015-05-12 09:16 by nimojs, ... 阅读, ... 评论, 收藏, 编辑

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

预览效果

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

  • 在线文档
  • GitHub
  • 示例:自定义界面
  • 示例:AJAX无刷新分页
  • 示例:控制前后几页显示数量
  • 示例:bootstrap 分页
  • 示例:handlebars & createData

订阅博客

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表