{{tag>dev Инвентаризация tabs}}
====== Инвентаризация: DEV: Tabs ======
Работа со вкладками
для того чтобы разместить на страничке область со вкладками используем виджет
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, //содержимое
],
],
])
==== Для встраивания в стандартный Layout ====
$this->params['navTabs']=$tabs; //сами вкладки
$this->params['tabsParams']=[ //параметры виджета выше
'cookieName'=>'net-view-tab-'.$model->id, //имя куки (в данном случае уникальная для каждой странички)
'itemOptions'=>[], //по умолч в самом layout уже есть ['class'=>'px-5'],
//делаем отступы по горизонтали иначе в стандартном layout содержимое некрасиво прилипнет к краям
];