Comment identifier les actifs d'un lien de menu dans CakePHP

Je suis de la création d'un accordéon disposition pour un admin de la barre latérale. Maintenant, j'ai besoin d'identifier le lien actif et ajouter une classe active à ce lien. Voici mon code:

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

Quelle est la meilleure façon de le faire? Merci à l'avance!

OriginalL'auteur Krishna | 2012-07-30

accordion cakephp

5

J'ai trouvé la solution :
```
$url = $this->Html->url('INPUT_THE_URL') ;
$active = $this->request->here == $url? true: false;
```
downvote, parce que here() comprend tous les paramètres nommés et la chaîne de requête.
L'URL de cette $this->request->here n'est pas nécessairement le même que celui généré par le routeur, même si elle doit être. Vous devriez normaliser votre Url avec `Router::normalize() avant de les comparer.

OriginalL'auteur Krishna
3

Pour vérifier si une URL est actuellement active dans Cakephp 2.x, vous devez vérifier si il est normalisé (dans le sens de Router::normalize()) forme est la même que la forme normalisée de la actuellement à l'URL demandée (dans le sens de $this->request->).
```
$currentUrl = Router::normalize($this->request->here);
$checkedUrl = Router::normalize($myUrl);
$isActive = $currentUrl === $checkedUrl;
```
Parfois, vous voudrez peut-être un lâche correspondant à l'affichage d'une page comme actif dans un menu, si un enfant est actuellement affiché à l'écran. Pensez que vous voulez afficher votre lien de menu pour les fruits aperçu du site à /fruits/ comme active tout en surfant sur la Banane détail site /fruits/banana/. Vous pouvez atteindre facilement par la recherche d'une correspondance partielle seulement.
```
$isActive = (0 === strpos($currentUrl, $checkedUrl));
```
Pour que votre correspondant peut obtenir plus complexes, par exemple si vous êtes fortement de faire usage de paramètres nommés et de l'aimer et de vouloir en faire état dans votre menu, mais vous devriez trouver votre chemin à partir de là.

Une solution pour votre problème particulier pourrait ressembler à ceci:
```
$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
    ));
}
```
Pour faire vos live juste ce petit peu plus facile en ne pensant même pas à propos de cette question, vous pourriez aussi utiliser une aide pour la création d'un menu que quelqu'un d'autre construit comme torifat/cake-menu_builder.

OriginalL'auteur bfncs
2

Il y a un certain nombre de façons, en voici quelques unes pour l'ajout de la classe pour le conteneur
```
<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"' : ''?>>
```
Ou vous pouvez passer à la $options
```
$options = array();
if($this->controller == 'mycontroller' && $this->action == 'myaction'){
  $options = array_merge($options, array('class'=>'active'));
}
echo $this->Html->link('Title', '/url', $options);
```
Par cette approche, je dois mettre une condition sur/devant chaque lien, si toute personne ou de toute autre approche par laquelle je peux le faire de façon dynamique
normalement, c'est la façon dont vous devez le faire en PHP, malheureusement, vous pouvez créer votre propre classe d'aide si vous avez une mise en page cohérente.
il existe des aides, etc vous pourriez utiliser. essayez de google ou de recherche cakephp plugins site web.
Vous pourriez essayer de nouvelles aides comme celui-ci, conçu pour travailler avec Twitter Bootstrap. github.com/loadsys/twitter-bootstrap-helper
C'est vraiment bizarre et unSEC manière de le faire et vous pouvez certainement obtenir plus cohérente, souple et élégant en PHP...

OriginalL'auteur David Yell

Ici moyen simple d'ajouter classe active:

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

Je pense que ce sera utile pour vous.

Cette approche conduira à des faux positifs lors de l'utilisation de préfixe de routage et plugin de routage ainsi que de faux négatifs lorsque vous demandez de contenu avec d'autres URLs de la forme canonique. Aussi, il est très détaillé et unSEC. Une meilleure approche serait de vérifier pour la mise en correspondance des URLs après la normalisation avec Router::normalize().

OriginalL'auteur Faisal

Je sais que c'est assez vieux, mais j'ai trouvé une bonne solution.

Basé sur Faisal la réponse que j'ai écrit mon propre simple Helper:

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>";
    }

}

Peut-être vous avez besoin de modifier la echo <li> l'intérieur de la fonction en fonction de vos besoins.

Exemple:

echo $this->PVHtml->link('Login', array('controller' => 'users', 'action' => 'login'));

Merci, cela m'a beaucoup aidé! =) J'utilise CakePHP 3.1.5. Donc pour tout le monde la lecture de ce, la syntaxe de 3.x est: $this->request->params['action']. Et quelques différences au début du fichier. Voir: Cakephp-3-Création-Aides

OriginalL'auteur q0re

Vous devez vous connecter pour publier un commentaire.