Инвентаризация: 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,   //содержимое
        ],
    ],
])
$this->params['navTabs']=$tabs;                      //сами вкладки
$this->params['tabsParams']=[                        //параметры виджета выше
	'cookieName'=>'net-view-tab-'.$model->id,    //имя куки (в данном случае уникальная для каждой странички)
	'itemOptions'=>[],                           //по умолч в самом layout уже есть ['class'=>'px-5'], 
                                                     //делаем отступы по горизонтали иначе в стандартном layout содержимое некрасиво прилипнет к краям
];
  • инвентаризация/dev/tabs.txt
  • Последнее изменение: 2024/03/28 06:18
  • admin