cakephp - 使用 CakePHP 分页助手的 Bootstrap 分页

标签 cakephp twitter-bootstrap pagination

我正在尝试让 CakePHP 的分页助手与 Bootstrap 很好地配合使用。也就是说,我希望我的分页元素看起来像 Bootstrap ,但由 CakePHP 生成。

目前我的 View 页面上有这个:

<?php
echo $this->Paginator->numbers(array(
    'before' => '<div class="pagination"><ul>',
    'separator' => '',
    'currentClass' => 'active',
    'tag' => 'li',
    'after' => '</ul></div>'
));
?>

这会产生以下标记:
<div class="pagination">
    <ul>
        <li class="active">1</li>
        <li><a href="/test/posts/page:2">2</a></li>
        <li><a href="/test/posts/page:3">3</a></li>
    </ul>
</div>

问题是,因为事件页面(在本例中为 1)没有 <a> <li> 中的元素标签,它没有在页面上正确显示(见这里:http://i.imgur.com/OczPh.png)。

我似乎在 Cookbook 上找不到任何可以解决此问题的内容。

这甚至可以修复吗?

最佳答案

我已经使用了 Bootstrap 所需的 cake php html 的通用功能。

要点代码:https://gist.github.com/jruzafa/5302941

<div class="pagination pagination-large">
    <ul class="pagination">
            <?php
                echo $this->Paginator->prev(__('prev'), array('tag' => 'li'), null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
                echo $this->Paginator->numbers(array('separator' => '','currentTag' => 'a', 'currentClass' => 'active','tag' => 'li','first' => 1));
                echo $this->Paginator->next(__('next'), array('tag' => 'li','currentClass' => 'disabled'), null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
            ?>
        </ul>
    </div>

关于cakephp - 使用 CakePHP 分页助手的 Bootstrap 分页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14346182/

相关文章:

具有列大小匹配的 html 表格

python - 如何从YouTube数据API v3检索大量数据(5000多个视频)?

html - 使用 BootStrap 侧边栏中的垂直下拉菜单

jquery - 在同一页面中多次使用 Grid-A-Licious 插件

cakephp - CakePHP 中命名参数的路由配置

javascript - 如何添加下一个和上一个按钮 --- Turn.js

javascript - 使用 AngularJS 选择多个显示名称而不是 ID

php - Controller 中的 Cakephp 模型常量

javascript - cakephp 3 日期输入和数据库问题

php - 复杂的 CakePHP 数据返回和组合