关于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'],
- ],
-
- ],
- ]);
- ?>