Yii2. Как удалить классы генерируемые Yii в виджетах?

Question

[Дмитрий Петрик]

Использую виджет NavBar. Такой код:

<?php NavBar::begin([
             'renderInnerContainer' => false,
             'options' => [
                      'renderInnerContainer' => false,
                      'tag' => 'div',
                      'class' => 'row',
             ],
 ]); ?>
...
<?php NavBar::end(); ?>

В результате получаю такой HTML:

<div id="w0" class="row navbar" role="navigation">
...
</div>

В настройках виджета прописал класс "row", а на выходе получаю "row navbar". Как мне избавиться от класса "navbar"?

Answer 1

[Иван]

Переопределите класс своим и делов-то.

class NavBar extends \yii\bootstrap\NavBar
{
    public function init()
    {
        parent::init();
        Html::removeCssClass($this->options, 'navbar');
    }
}

Comments

[Дмитрий Петрик]

А можете поподробнее рассказать как сделать это переопределение класса? Пока что методом тыка не получается. И вразумительных мануалов найти не смог

[Иван]

Почитайте про ООП.
Я Вам написал код, который уже переопределяет базовый класс навбара бутстрапа. Но давайте попробуем по пунктам:
1. Не знаю, какое Вы используете приложение: basic или advanced, но предположим, что basic. Тогда создаете папку components, в ней создаете файл NavBar.php
2. В файле пишите

namespace components;
class NavBar extends \yii\bootstrap\NavBar
{
    public function init()
    {
        parent::init();
        Html::removeCssClass($this->options, 'navbar');
    }
}

3. В шаблоне, где нужно подключать навбар, пишите

<?php
use components\NavBar;
NavBar::begin([
             'renderInnerContainer' => false,
             'options' => [
                      'renderInnerContainer' => false,
                      'tag' => 'div',
                      'class' => 'row',
             ],
 ]); ?>
...
<?php NavBar::end(); ?>

[Дмитрий Петрик]

Иван: Я примерно так и делал. Приложение Basic. Не работает:
PHP Fatal Error – yii\base\ErrorException
Class 'components\NavBar' not found

[Иван]

Напишите мне в скайп ivan.cherkasov91. Он не может найти, по нескольким причинам: либо у Вас неймспейс и каталог не совпадают, либо Вы указываете в шаблоне в use без начального обратного слэша \ и он пытается найти класс относительно текущего неймспейса, либо еще чего.

Answer 2

[melnikov_m]

Настоятельно не рекомендую так делать. Через полгода вы забудите, что там что-то поменяли, а при обновлении виджета все затрется, если так хочется удалить класc сделайте через jQuery.

$('#w0').removeClass('navbar');

Comments

[Дмитрий Петрик]

С Вами нельзя не согласиться, после обновлений сложно будет вспомнить где и что правилось.
Я думал над таким решением. Но тоже получается странно: в начале нагородили огород, а потом начинаем за собой же сорняки подчищать.

[melnikov_m]

Ваша мысль понятна ) Но чем вам так этот класс помешал? Еще как вариант можно в своем css все его стили обнулить.

[Дмитрий Петрик]

melnikov_m: в своем проекте я использую уже готовый шаблон на основе bootstrap и вот на этот класс там понавешаны свои стили. В шаблоне в навигации этого класса нет, а если его добавить, то вся навигация становится кривой. Поэтому мне от него надо избавиться в данном случае. Возможно, этот класс где-то еще пригодится, обнулять его не хочется.
В итоге удаляю класс по Вашему совету. Спасибо! :)

Answer 3

[SaGrok]

А может просто использовать yii\widgets\Menu вместо yii\bootstrap\NavBar?

Answer 4

[Дмитрий Петрик]

В общем не придумал ничего лучше чем залезть в исходник виджета и там закоментить строчку добавляющую этот класс.
Html::addCssClass($this->options, 'navbar');
Вопрос в силе. Хотелось бы более изящного решения.

//Update
Лучше строчку не коментить, а переписать так:

if (!isset($this->options['class'])){
            Html::addCssClass($this->options, 'navbar');
}

Если просто закомментировать строку, то в случае когда класс явно не задан, будет вываливаться исключение.