9

我正在为管理侧边栏创建手风琴布局。现在我需要识别活动链接并向该链接添加一个类active。这是我的代码：

<div class="accordion-group">
<div class="accordion-heading">
    <a href="#collapseSeven" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
        <i class="icon-th"></i> Gallery Manager
    </a>
</div>
<div class="accordion-body collapse" id="collapseSeven">
    <div class="accordion-inner">
        <ul class="nav nav-list">
            <li>
                <?php echo $this->Html->link('View All',array('controller' => 'gallaries', 'action' => 'index'));?>
            </li>
            <li>
                <?php echo $this->Html->link('Add New',array('controller' => 'gallaries', 'action' => 'add'));?>
            </li>
        </ul>
        </div>
    </div>
</div>

做这个的最好方式是什么？提前致谢！

4

5 回答 5

5

我找到了解决方案：

$url = $this->Html->url('INPUT_THE_URL') ;
$active = $this->request->here == $url? true: false;
于 2012-08-20T10:49:14.207 回答
3

要检查给定 URL 当前是否在 Cakephp 2.x 中处于活动状态，您应该检查它是否被规范化（在Router::normalize()的意义上）形式与当前请求的 URL 的规范化形式相同（在某种意义上) $this->request->here。

$currentUrl = Router::normalize($this->request->here);
$checkedUrl = Router::normalize($myUrl);
$isActive = $currentUrl === $checkedUrl;

有时，如果当前显示了子项，您可能希望松散匹配以在菜单中将页面显示为活动的。认为您想/fruits/在浏览 Banana 详细信息网站时将您的菜单链接显示为活动的水果概览网站/fruits/banana/。您可以通过仅查找部分匹配来轻松实现此目的。

$isActive = (0 === strpos($currentUrl, $checkedUrl));

当然，您的匹配可能会变得更加复杂，例如，如果您大量使用命名参数等并希望将其反映在您的菜单中，但您应该从这里找到自己的方式。

您的特定问题的解决方案可能如下所示：

$currentUrl = Router::normalize($this->request->here);
$links = array(
    array(
        'label' => __('View All'),
        'url' => array('controller' => 'galleries', 'action' => 'index'),
    ),
    array(
        'label' => __('Add New'),
        'url' => array('controller' => 'galleries', 'action' => 'add'),
    ),
    /* ... */
);

foreach ($links as $link) {
    $linkLabel = $link['label'];
    $linkUrl = Router::url($link['url']);
    $linkHtml = $this->Html->link($linkLabel, $linkUrl);

    $linkActive = $currentUrl === $linkUrl;

    echo $this->Html->tag('li', $linkHtml, array(
        'class' => $linkActive ? 'active' : '',
        'escape' => false, // to not escape anchor markup
    ));
}

为了让您的生活更轻松一点，甚至不考虑这个问题，您还可以使用其他人构建的 Helper 来创建菜单，例如torifat/cake-menu_builder。

于 2015-02-19T20:51:00.813 回答
2

有很多方法，这里有一些将类添加到容器中

<li <?php echo ($url == 'users/account')? 'class="current"' : ''?>>
<li <?php echo (preg_match("/addresses/", $url))? 'class="current"' : ''?>>
<li <?php echo ($this->params['controller'] == 'attributes')? 'class="current"' : ''?>>

或者你可以将它传递到$options

$options = array();
if($this->controller == 'mycontroller' && $this->action == 'myaction'){
  $options = array_merge($options, array('class'=>'active'));
}
echo $this->Html->link('Title', '/url', $options);
于 2012-07-30T08:39:47.487 回答
1

这里添加活动类的简单方法：

<ul class="nav nav-list">
    <li class="<?php echo (($this->params['controller']==='gallaries')&&($this->params['action']=='index') )?'active' :'' ?>">
            <?php echo $this->Html->link('View All',array('controller' => 'gallaries', 'action' => 'index'));?>
    </li>
    <li class="<?php echo (($this->params['controller']==='gallaries')&& ($this->params['action']=='add') )?'active' :'' ?>">
            <?php echo $this->Html->link('Add New',array('controller' => 'gallaries', 'action' => 'add'));?>
    </li>
</ul>

我认为这会对你有所帮助。

于 2014-05-17T04:48:08.433 回答
1

我知道这已经很老了，但我找到了一个很好的解决方案。

根据费萨尔的回答，我编写了自己的简单助手：

App::uses('AppHelper', 'View/AppHelper');

class PVHtmlHelper extends AppHelper {

    public $helpers = array('Html');

    public function link($title = null, $url = null, $options) {

        if ($title == null || $url == null)
            return;

        $class = (($this->params['controller']===$url['controller']) && ($this->params['action']==$url['action']) )?'active' :'';

        echo "<li class='" . $class . "'>" . $this->Html->link($title, $url, $options) . "</li>";
    }

}

也许您需要修改echo <li>函数内部以满足您的需求。

例子：

echo $this->PVHtml->link('Login', array('controller' => 'users', 'action' => 'login'));
于 2015-08-07T09:47:59.963 回答