【问题标题】:How to modify UL tag's default attributes in widget::Nav items YII2如何在 widget::Nav items YII2 中修改 UL 标签的默认属性
【发布时间】:2019-07-28 09:24:53
【问题描述】:

我是 yii2 的新手, 我试图制作一个包含子下拉列表的下拉列表,但子下拉列表(和下拉列表)的 UL 标记应该包含我的个人类,但是,我不知道如何将 UL 标记的属性修改为数组($options ) 更改 LI 标签属性

这是渲染成HTML后的LI AND UL标签的形式:

<li>

  <ul> //How to customize UL



    <li></li>

      <ul> //How to customize UL

        <li></li>

        <li></li>

      </ul>

  </ul>

</li>

这是我的代码:

 $menuItems = [

    ['label' => 'Home', 'url' => ['/site/index']],
    ['label' => 'Pages', 'items' => [


        ['label' => '1', 'url' => ['/site/contact']],
        ['label' => '2', 'url' => ['/site/contact']],
        ['label' => '3', 'url' => ['/site/contact']],
        ['label' => '4', 'url' => ['/site/contact']],
        ['label' => '5', 'url' => ['/site/contact']],
            ['label' => 'Dropdown', 'items' => [

                ['label' => '6', 'url' => ['/site/contact']],
                ['label' => '7', 'url' => ['/site/contact']],
                ['label' => '8', 'url' => ['/site/contact']],
                ['label' => '9', 'url' => ['/site/contact']],
                ['label' => '10', 'url' => ['/site/contact']],


            ],

                'options' => ['class'=>['widget' => 'dropdown']]
            ],



    ],

        'options' => ['class'=>'cn-dropdown-item'],

    ],


];

提前感谢您的所有帮助。

【问题讨论】:

    标签: html css yii2 frontend nav


    【解决方案1】:

    我假设您正在谈论来自 yii2-bootstrap 包的 Nav 小部件。如果是这样 - 确实options 是为li 元素添加HTML 属性,但仅当您在item 元素中使用它时,否则它会为ul 添加HTML 属性。为了更清楚:

    echo \yii\bootstrap\Nav::widget([
        'items' => [
            [
                'label' => 'Home',
                'url' => ['site/index'],
                'options' => ['class' => 'xyz'], // this adds LI attributes
            ],
        ],
        'options' => ['class' => 'abc'], // this adds UL attributes
    ]);
    

    【讨论】:

    • 您好@Bizley,感谢您的评论,正如我所提到的,这是关于 Nav::widget,根据您的回答,主要 UL Nav::widget 的类由第二个“op”更改(其中包含“ nav' 类作为默认值),但它不适用于 Nav::widget 的项目,因为需要“标签”
    • 我不确定我是否理解您的问题 - items &gt; options 肯定在 LI 工作...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-24
    • 1970-01-01
    相关资源
    最近更新 更多