如何識別CakePHP中的活動菜單鏈接

Question

我正在爲管理員側邊欄創建摺疊式佈局。現在我需要確定活動鏈接，並向該鏈接添加一個類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> 

這樣做的最好方法是什麼？提前致謝！

Answer 1

我已經找到了解決辦法：

$url = $this->Html->url('INPUT_THE_URL') ; 
$active = $this->request->here == $url? true: false; 

Answer 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); 

Answer 3

這裏添加活動類的簡單方法：

<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> 

我認爲這對你有幫助。

Answer 4

要檢查給定的URL當前是否在Cakephp 2.x中處於活動狀態，您應該檢查它是否規範化（在Router::normalize()意義上）form與當前請求的URL的規範化形式相同（從$this->request->here）。

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

有時您可能需要鬆散匹配才能在菜單中將頁面顯示爲活動狀態，如果當前顯示的是子項。想想在菜單鏈接/fruits/上顯示您的菜單鏈接，請點擊/fruits/banana/上的香蕉細節網站。您只需查找部分匹配即可輕鬆實現此目的。

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

爲了確保您的匹配可能會變得越來越複雜，例如，如果你在很大程度上利用名爲PARAMS的等，並且要反映它在你的菜單，但你應該從這裏找到自己的方式。

用於您的特定問題的解決方案可能是這樣的：

$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 
    )); 
} 

爲了讓您的生活只是點點的甚至沒有考慮過這個問題更容易，你也可以使用一個幫手菜單創建，有人其他建成像torifat/cake-menu_builder。

Answer 5

我知道這是很老，但我找到了一個很好的解決方案。

基於費薩爾的回答，我寫我自己的簡單助手：

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'));