Yii2 Bootstrap组件之Tabs详细用法

关于tabs可以查看bootstrap文档 http://v3.bootcss.com/javascript/#tabs

yii2中tabs文档用法可以看 http://www.yiiframework.com/doc-2.0/yii-bootstrap-tabs.html

我们要实现的就是点击不同的tab显示不同的模板，其实很简单

  
  
<?= Tabs::widget([
    'items' => [
        [
            'label' => '文章',
            'content' => $this->render('form/article',['model'=>$model]),
            'headerOptions' => ["id" => 'tab1'],
            'options' => ['id' => 'article'],
            'active' => true,
        ],
        [
            'label' => '话题',
            'content' => $this->render('form/topic',['model'=>$model]),
            'headerOptions' => ["id" => 'tab1'],
            'options' => ['id' => 'topic'],
        ],
        [
            'label' => '链接',
            'content' => $this->render('form/url',['model'=>$model]),
            'headerOptions' => ["id" => 'tab3'],
            'options' => ['id' => 'url'],
        ],
 
    ],
]);
?>

原文链接：http://www.cnsecer.com/7179.html