0

親アイテムのリンクのみを無効にして、その子をクリックできるようにするにはどうすればよいですか? たとえば、親をクリックすると、サブメニューが開き、他の場所にリダイレクトされません。そして、子供をクリックすると、リダイレクトされます。PSドキュメントを赤くし、グーグルで検索しましたが、何も出てきません。これは私のコードです:

<?php

use backend\models\PageAdmin;
use backend\helpers\BackendPrefix;
use yii\widgets\Menu;

$menu_pages = PageAdmin::find()->where('active=1 AND id_in IS NULL')->all();

$widget_menu_content = [];

foreach ($menu_pages as $key => $page){

    $related_pages = PageAdmin::find()->where(['active' => 1, 'id_in' => $page->id])->all();
    $widget_menu_content[$key]['label'] = "<i class='{$page->icon}'></i>";
    $widget_menu_content[$key]['icon'] = $page->icon;
    $widget_menu_content[$key]['url'] = BackendPrefix::PREFIX .'/'. $page->url;

    if(!empty($related_pages)){

        foreach ($related_pages as $key2 => $rel_page) {

            $widget_menu_content[$key]['items'][$key2]['label'] = $rel_page->title;
            $widget_menu_content[$key]['items'][$key2]['icon'] = "caret-right";
            $widget_menu_content[$key]['items'][$key2]['url'] = BackendPrefix::PREFIX . "/" . $rel_page->url;

        }

    }
}

?>

<div class="side-mini-panel">
    <?=

        Menu::widget([
            'encodeLabels' => false,
            'options' => [
                'class' => 'mini-nav',
            ],
            'activeCssClass' => 'selected',
            'items' => $widget_menu_content,
            'submenuTemplate' => "
                                \n<div class='sidebarmenu'>
                                    \n<h3 class='menu-title'>{label}</h3>
                                    \n<div class='searchable-menu'>
                                    \n<form role='search' class='menu-search'>
                                        \n<input type='text' placeholder='Search...' class='form-control' />
                                        \n<a href='javascript:void(0)'><i class='fa fa-search'></i></a>
                                    \n</form>
                                    \n<div>
                                    \n<ul class='sidebar-menu'>
                                        \n{items}
                                    \n</ul>
                                \n</div>",
            'linkTemplate' => "<a href='javascript:void(0)'>{label}</a>",
            'activateParents' => true,
        ])

    ?>
</div

明らか'linkTemplate'に私の目標ではないすべてのリンクを無効にしています:)(親のみを無効にする必要があります)。また、どのトークン(または他のオプション、子の唯一のトークンだと思うのでitems)を使用して、この行に子項目ラベルを追加する必要があります : \n<h3 class='menu-title'>{label}</h3>. 私の場合、エコーされるのは{label}文字列のようなものです。どうもありがとう!

4

0 に答える 0