一个FLEA的PHP分页DIGG

Digg.com 样式的分页导航条

这个分页条模仿了 digg.com 的样式，也演示了如何使用自定义的 WebControls。
安装

下载附件：Pagernav.php，放到一个空白目录，例如 APP/WebControls。

然后修改应用程序设置 webControlsExtendsDir 指向该目录。

使用

在控制器中添加类似下面的代码：

复制内容到剪贴板

代码:

// 分页
FLEA::loadHelper('pager');
$pager = new FLEA_Helper_Pager($tableProducts, $currentPage, $pageSize);
*
// 准备模板需要的数据
$viewdata = array(
    'rowset' => $pager->findAll(),
    'pagerData' => $pager->getPagerData(), // pagerData 用于 PagerNav 控件
);
*
// 显示模板
$this->_executeView('products_list.html', $viewdata);

上述代码最关键的一行就是 $pager->getPagerData()，
必须将该行代码获取的结果传递到模板中。

接下来，在模板中用下列代码：

复制内容到剪贴板

代码:

// 以 smarty 为例
{{ webcontrol type="pagernav" name="pagenav" pager=$pagerData controller="Products" action="List" }}
这里面的 $pagerData 就是控制器中用 $pager->getPagerData() 获得的数据。

最后，加上 CSS 样式表：

复制内容到剪贴板

ul#pagenav {}{
        font-size: 12px;
        font-weight: bold;
        list-style: none;
        margin: 0px;
        padding: 0px;
}

#pagenav li {}{
        list-style: none;
        background-color: #fff;
        margin: 0px;
        display: block;
        float: left;
        margin-left: 2px;
        margin-right: 2px;
}

#pagenav li.disabled {}{
        border: 1px solid #DDDDDD;
        padding: 2px 6px 2px 6px;
        color: #ccc;
}

#pagenav li.current {}{
        border: 1px solid #2E6AB1;
        padding: 2px 6px 2px 6px;
        background-color: #2E6AB1;
        color: #fff;
}

#pagenav li.none {}{
        border: 1px none;
        padding: 2px 6px 2px 6px;
}

#pagenav li a {}{
        border: 1px solid #9AAFE5;
        padding: 2px 6px 2px 6px;
        display: block;
        text-decoration: none;
        color: #105CB6;
}

#pagenav li a:hover {}{
        border: 1px solid #2E6AB1;
        color: #000;
}

转自:http://www.fleaphp.org/bbs/viewthread.php?tid=1299

最终看到的效果如下，还不错吧（点击放大）：