Yii comment faire pour mettre en surbrillance l'élément de menu actuellement

J'ai utilisé le code suivant pour afficher les éléments de menu.

Ici par défaut la "Maison" lien doit être activé. De sorte que j'ai utilisé le code

active' => $this->id =='default' ? true : false

$this->widget('zii.widgets.CMenu',array(
     'linkLabelWrapper' => 'span',
    'items'=>array(
    array('label'=>'Home', 'url'=>array('post/index'),'active'=>$this->id=='default'?true:false),
    array('label'=>'About', 'url'=>array('site/page', 'view'=>'about'),'active'=>$this->id=='about'?true:false),
    array('label'=>'Test', 'url'=>array('site/page', 'view'=>'test')),
    array('label'=>'Contact', 'url'=>array('site/contact')),
    array('label'=>'Login', 'url'=>array('site/login'), 'visible'=>Yii::app()->user->isGuest),
    array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('site/logout'), 'visible'=>!Yii::app()->user->isGuest)
    ),
    ));

J'ai renvoyé l'url http://www.yiiframework.com/doc/api/1.1/CMenu#activateItems-detail
Mais je ne sais pas comment utiliser ces paramètres. S'il vous plaît aider

Le activeItems par défaut est activée. Avez-vous vérifié votre HTML pour class="active" ? Même avec 'active'=>$this->id=='default'?true:false supprimés à partir d'éléments ?
Oui j'ai vérifié le code html de la classe="active" n'est pas affiché
Il fonctionne correctement sur mes sites sans avoir besoin spécifiquement de la configuration de l'attribut actif. Vous devriez regarder dans le activateParent attribut (j'ai oublié son nom exactement). Êtes-vous actif sur certains des sous-pages, mais pas tous?

OriginalL'auteur designersvsoft | 2012-03-21

  1. 6

    Pas la Yii façon, mais l' (plus simple) de jQuery façon:

    //find menu-item associated with this page and make current:
$('a').each(function(index, value) { 
    if ($(this).prop("href") === window.location.href) {
        $(this).addClass("current-page");
    } 
});
    de très belle manière qui fonctionne pour tous

    OriginalL'auteur Ivo Renkema

  2. 3

    Le code vous sera généralement trouvé à l'intérieur d'un vue. La documentation pour les états d'affichage que

    À l'intérieur du script de vue, nous pouvons accéder à l'instance du contrôleur à l'aide de
    $this. Nous pouvons donc tirer dans n'importe quelle propriété du contrôleur par
    l'évaluation de $this->propertyName dans la vue.

    Donc, nous avons établi que, dans le contexte actuel, $this->id se réfère à la en Hérite::id de la propriété. Cet identifiant sera généralement le préfixe de votre contrôleur nom de la classe. Par exemple, à l'intérieur de MyController vous aurez $this->id == "my".

    Avec tout cela à l'esprit, vous pouvez maintenant dire que active sera true si et seulement si la vue est rendue dans un contrôleur nommé DefaultController. Cependant, à partir de la url propriété de cet élément de menu, nous voyons que le contrôleur associé à cette action (en supposant que le routage par défaut) est PostController. Ainsi, le $this->id == "default" idée est défectueux.

    Si vous voulez faire de la "Maison" de l'élément actif dès tout action dans votre PostController est en cours d'exécution, vous devez changer ce $this->id == "post". Normalement il ne devrait pas être nécessaire de le faire, parce que le activateItems de propriété (qui est par défaut true) utilisé avec un routage par défaut sera de prendre en compte à la fois l'id de contrôleur et l'action en cours pour déterminer quel élément de menu pour le rendre actif.

    OriginalL'auteur Jon

  3. 3

    si vous avez quelques avancées structure des liens, mettre la méthode ci-dessous dans le Contrôleur de

    /**
 * Checks if the current route matches with given routes
 * @param array $routes
 * @return bool
 */
public function isActive($routes = array())
{
    $routeCurrent = '';
    if ($this->module !== null) {
        $routeCurrent .= sprintf('%s/', $this->module->id);
    }
    $routeCurrent .= sprintf('%s/%s', $this->id, $this->action->id);
    foreach ($routes as $route) {
        $pattern = sprintf('~%s~', preg_quote($route));
        if (preg_match($pattern, $routeCurrent)) {
            return true;
        }
    }
    return false;
}

//usage
'items'=>array(
    array('label'=>'Some Label', 'url'=>array('some/route'),'active'=>$this->isActive(array(
        'some/route',
        'another/route',        
    )),    
),
    c'est génial. merci!

    OriginalL'auteur cetver

  4. 2

    J'ai utilisé de cette façon:

    array('label'=>'Contact', 'url'=>array('site/contact'), 'active'=>strpos(Yii::app()->request->requestUri, Yii::app()->createUrl('site/contact'))===0)

    OriginalL'auteur Yerkezhan

  5. 0

    Le menu de travail que nous utilisons par défaut des pages du site/contact /site/login
    Mais de nombreuses fois, il ne fonctionnera pas pour le module d'url.

    supposons que j'ai de l'utilisateur du module et j'ai eu action login de connexion du contrôleur, donc je peux le faire en dessous de chose formulaire de menu comme la façon dont l'élément de menu s'active définie ci-dessous.

    array('label'=>Yii::t('frontend','Login'), 'url'=>array('/user/login/login'), 'visible'=>Yii::app()->user->isGuest), //Working, Login tag activated on login page

array('label'=>Yii::t('frontend','Login'), 'url'=>array('/user/login'), 'visible'=>Yii::app()->user->isGuest), //Not working, Login tag not activated on login page

    Donc, nous pouvons avoir de problème pour embellir url..

    OriginalL'auteur Kiran

  6. 0

    Pour yiistarterkit il suffit d'ajouter ce code dans le _base.php fichier:

    function isActive($routes = array())
{
    if (Yii::$app->requestedRoute == "" && count($routes) == 0){
        return true;
    }
    $routeCurrent = Yii::$app->requestedRoute;
    foreach ($routes as $route) {
        $pattern = sprintf('~%s~', preg_quote($route));
        if (preg_match($pattern, $routeCurrent)) {
            return true;
        }
    }
    return false;
}

    Et ensuite utiliser:

    echo Nav::widget([
'options' => ['class' => 'navbar-nav navbar-left'],
'items' => [
    ['label' => \Yii::t('frontend', 'Home'), 'url' => ['/'], 'active'=>isActive()],
    ['label' => \Yii::t('frontend', 'Services'), 'url' => ['/services'], 'active'=>isActive(['services'])],
]
]);

    OriginalL'auteur VeYroN

  7. 0

    Prendre comme base le fichier yiisoft/yii2-boostrap/nav.php fonction renderItem():

    ...
if ($this->activateItems && $active) {
    Html::addCssClass($options, 'active');
}       
return Html::tag('li', Html::a($label, $url, $linkOptions) . $items, $options);

    Et modifier $option sur $linkOption pour un lien.

    Html::addCssClass($linkOptions, 'active');

    Comme résultat de la classe active sera ajouté à a.class au lieu li.class

    OriginalL'auteur Konstantin