多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 设置页面Tab - 方法原型: `setNavTab($name = '', $title = '', $url = '')` `addNavTab($name = '', $title = '', $url = '')` `setNavTabCurrent($name = '')` - 参数说明: ~~~ * @param string|array $name tab按钮名称,用于设置当前选中按钮时的标识,此参数也可以传Tab按钮列表 * @param string $title tab按钮的标题 * @param string $url tab按钮点击后的跳转路径 ~~~ ~~~ * @param string $name 当前选中的tab按钮名称, 对应setNavTab()方法中的name参数 ~~~ > 注意: > 1. 此操作不能多次执行,重复执行会清空之前执行的值。 > 2. Tab按钮不是实际的tab切换,而是页面跳转。 ## 调用方式 - 只设置一个Tab按钮 ``` return SBuilder::make('form') ->setNavTab('tab1', '第一个tab', 'test/tab1') ->setNavTabCurrent('tab1') ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/084271d94475db8c9e8c717209b9709e_1247x72.png) - 设置多个Tab按钮 ``` return SBuilder::make('form') ->setNavTab([ ['test', '测试tab', '/admin/demo/index'], ['test1', '测试追加tab', '/admin/demo/index1'], ['test2', '测试批量添加tab', '/admin/demo/index2'], ]) ->setNavTabCurrent('test') ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/9f491ecc2bd1c6f54199cc653f528902_1205x69.png) > 当设置了页面Tab时,一般需要同时设置当前选中的tab [`setNavTabCurrent`](./1068783) > - 追加Tab按钮 ``` return SBuilder::make('form') ->setNavTab([ ['test', '测试tab', '/admin/demo/index'], ['test1', '测试追加tab', '/admin/demo/index1'], ['test2', '测试批量添加tab', '/admin/demo/index2'], ]) ->addNavTab('tab1', '第一个tab', 'test/tab1') ->setNavTabCurrent('test') ->fetch(); ``` > 追加Tab按钮同样支持数组格式同时追加多个tab