Yii, wie zum hervorheben des aktuellen Menüpunktes

Ich verwendete den folgenden code zur Anzeige der Menüpunkte.

Hier standardmäßig den 'Home' - link aktiviert werden soll. So, dass ich den 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)
    ),
    ));

Genannten ich die url http://www.yiiframework.com/doc/api/1.1/CMenu#activateItems-detail
Aber ich weiß nicht, wie man diese Parameter verwenden. Bitte helfen Sie

Die activeItems standardmäßig eingeschaltet ist. Haben Sie den HTML-Code für class="active" ? Auch mit 'active'=>$this->id=='default'?true:false entfernt von items ?
Ich habe ja die html das class="active" wird nicht angezeigt
Es funktioniert einwandfrei auf meine Websites zu, ohne dass speziell-setup das Attribut active. Vielleicht schauen Sie in der activateParent Attribut (ich vergesse seinen Namen genau). Sind Sie immer aktiv auf einige der sub-Seiten, aber nicht alle?

InformationsquelleAutor designersvsoft | 2012-03-21

  1. 6

    Nicht die Yii Weg, aber die (einfachere) jQuery Weise:

    //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");
    } 
});
    sehr schöne Möglichkeit, die Arbeit für alle

    InformationsquelleAutor Ivo Renkema

  2. 3

    Den code, den Sie geben, wird in der Regel fand innerhalb eines anzeigen. Die Dokumentation für view besagt, dass

    Innerhalb der view Skript, können wir auf die controller-Instanz mit
    $this. Wir können also ziehen Sie in eine beliebige Eigenschaft der Steuerung durch
    Bewertung $this->propertyName im Blick.

    So, wir haben festgestellt, dass in den aktuellen Kontext $this->id bezieht sich auf die CController::id Eigenschaft. Diese id wird in der Regel als Präfix für den controller-Klassennamen. Zum Beispiel, innerhalb MyController Sie haben $this->id == "my".

    Mit all diesem im Hinterkopf, kann man nun sagen, dass active wird true wenn und nur wenn die aktuelle Ansicht gerendert, die von innen einen Domänencontroller mit dem Namen DefaultController. Allerdings, aus der url - Eigenschaft des Menüpunktes sehen wir, dass der zugehörige controller für die Aktion (vorausgesetzt default routing)PostController. Also die $this->id == "default" Idee ist fehlerhaft.

    Wenn Sie möchten, stellen Sie die "Home" Element aktiv, wenn alle Aktion in Ihrem PostController ausgeführt wird, sollten Sie dies ändern $this->id == "post". Normalerweise sollte es nicht notwendig sein, um dies zu tun, weil die activateItems - Eigenschaft (standardmäßig true) verwendet, die mit Standard-routing berücksichtigt sowohl die controller-id und die aktuelle Aktion zu bestimmen, welcher Menüpunkt aktiv stellen.

    InformationsquelleAutor Jon

  3. 3

    wenn Sie einige erweiterte link-Struktur, setzen Sie die folgende Methode im Controller

    /**
 * 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',        
    )),    
),
    das ist genial. danke!

    InformationsquelleAutor cetver

  4. 2

    Ich es so:

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

    InformationsquelleAutor Yerkezhan

  5. 0

    Menü wird Arbeit, wie wir Sie verwenden Standard-Seiten als Seite/Kontakt site/login
    Aber viele Male, die es funktioniert nicht für die Modul-url.

    angenommen ich habe Modul Benutzer-und ich hatte die login-action im login-controller, so kann ich unten was im Menü Formular wie der Menüpunkt aktiv wird unten definiert.

    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

    Also, wir haben problem zu verschönern url..

    InformationsquelleAutor Kiran

  6. 0

    Für yiistarterkit fügen Sie einfach diesen code in die _base.php Datei:

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

    Und dann verwenden:

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

    InformationsquelleAutor VeYroN

  7. 0

    Nehmen als Basis die Datei yiisoft/yii2-boostrap/nav.php Funktion renderItem():

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

    Und ändern $option $linkOption für einen link.

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

    Als Ergebnis der aktiven-Klasse Hinzugefügt werden a.class statt li.class

    InformationsquelleAutor Konstantin

Schreibe einen Kommentar