php输出tab,设置Tab按钮列表 · DolphinPHP1.5.0完全开发手册-基于ThinkPHP5.1.41LTS的快速开发框架 · 看云...

## setTabNav('tab列表', '当前tab')

先来个例子

~~~

public function index($group = 'tab1')

{

$list_tab = [

'tab1' => ['title' => '标题1', 'url' => url('index', ['group' => 'tab1'])],

'tab2' => ['title' => '标题2', 'url' => url('index', ['group' => 'tab2'])],

];

return ZBuilder::make('form')

->setTabNav($list_tab, $group)

->fetch();

}

~~~

效果:

![](https://box.kancloud.cn/d386e45e11e4f625a4601de92d1a2f96_432x226.png)

>[danger] 注意:此tab切换并非动态切换,而是跳转页面。

这样可以根据不同的接收到的group参数来分别显示不同的内容,比如:

~~~

public function index($group = 'tab1')

{

$list_tab = [

'tab1' => ['title' => '标题1', 'url' => url('index', ['group' => 'tab1'])],

'tab2' => ['title' => '标题2', 'url' => url('index', ['group' => 'tab2'])],

];

switch ($group) {

case 'tab1':

return ZBuilder::make('form')

->setTabNav($list_tab, $group)

->addText('name', '名称')

->fetch();

break;

case 'tab2':

return ZBuilder::make('form')

->setTabNav($list_tab, $group)

->addTextarea('summary', '摘要')

->fetch();

break;

}

}

~~~

两个页面如下:

### tab1页面

![](https://box.kancloud.cn/fd11811e60606b628e82309a3c03ed7d_1239x177.png)

### tab2页面

![](https://box.kancloud.cn/b55f6fed3c9fb1cb5e69d23cdedb02c6_1267x277.png)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值