Инвентаризация: DEV: Tabs [Wiki]

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

{{tag>dev Инвентаризация tabs}}
====== Инвентаризация: DEV: Tabs ======
Работа со вкладками

для того чтобы разместить на страничке область со вкладками используем виджет
<code php>
TabsWidget::widget([
    'cookieName'=>'network-view-tabs',      //кука в которой хранить открытую вкладку (чтобы при открытии страницы сразу открывать нужную)
    'defaultItem'='tab1',                   //какую вкладку открывать если в куке ничего нет
    'itemsOptions'=>[],                     //опции для всех вкладок например ['class'=>'mb-3']
    'items'=>[                              //сами вкладки
        [
            'id'=>'tab1',                   //уникальный для этой страницы id вкладки, чтобы его можно было сохранить в куку и потом открыть нужную вкладку при открытии страницы
            'label'=>'Описание',            //Заголовок вкладки
            'content'=>$description,        //содержимое
        ],
        [
            'id'=>'segment',                //уникальный для этой страницы id вкладки, чтобы его можно было сохранить в куку и потом открыть нужную вкладку при открытии страницы
            'label'=>'Сегмент',             //Заголовок вкладки
            'content'=>$seg->description,   //содержимое
        ],
    ],
])
</code>

==== Для встраивания в стандартный Layout ====
<code php>
$this->params['navTabs']=$tabs;                      //сами вкладки
$this->params['tabsParams']=[                        //параметры виджета выше
	'cookieName'=>'net-view-tab-'.$model->id,    //имя куки (в данном случае уникальная для каждой странички)
	'itemOptions'=>[],                           //по умолч в самом layout уже есть ['class'=>'px-5'], 
                                                     //делаем отступы по горизонтали иначе в стандартном layout содержимое некрасиво прилипнет к краям
];
</code>