mindplay/pager

渲染 HTML 分页器。仅此而已。

1.1.0 2014-09-30 10:40 UTC

This package is auto-updated.

Last update: 2024-08-25 19:07:17 UTC


README

Build Status

我写了多少次分页器?太多了。

所以这里有分页器的提炼抽象基类,以及我最常用的两种分页器:一种用于 <button> 标签,另一种用于 <a> 标签。

我个人喜欢 <button> 分页器,通常不需要 JavaScript - 它可以生成如下所示的标记

<button disabled="disabled">&laquo;</button>&nbsp;
<button name="page" value="1" disabled="disabled" class="is-active">1</button>&nbsp;
<button name="page" value="2">2</button>&nbsp;
<button name="page" value="3">3</button>&nbsp;
<button name="page" value="4">4</button>&nbsp;
<button name="page" value="5">5</button>&nbsp;&#x22EF;&nbsp;
<button name="page" value="10">10</button>&nbsp;
<button name="page" value="2">&raquo;</button>

您平均的日常链接分页器生成的标记如下

<a href="#">&laquo;</a>&nbsp;
<a href="result.php?page=1" class="is-active">1</a>&nbsp;
<a href="result.php?page=2">2</a>&nbsp;
<a href="result.php?page=3">3</a>&nbsp;
<a href="result.php?page=2">&raquo;</a>

这两种情况的标记都非常简洁 - 我不想有一堆可配置的 CSS 类名、一个容器 div 或其他大量选项,但派生您自己的自定义分页器类应该相当简单。(没有保证,我说的是应该。)