🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
有时候,我们在表单里可能需要用到分组,比如开发支付模块的时候,需要配置不同的支付参数,那么可以使用分组来组织表单。分组以tab形式展示。可以通过点击tab栏切换。 ## 方法原型: ``` addGroup($groups = []) ``` ## 参数说明: > `$groups`参数是一个多维数组,内层其中的每一项是一个表单项,对应添加表单`addFromItem()`方法的参数列表。 ``` * @param array $groups 分组列表,格式:{ * 分组名: [ // 分组内的表单项列表 * [name, title, type, tips, default, attr] * ] * } ``` ## 调用方式 - 添加一个表单项组 ``` return SBuilder::make('form') ->addGroup([ '支付宝支付' => [ ['alipay_id', '支付宝商户ID', 'text', '', '', ['prefix' => 'i.el-icon-setting', 'suffix' => '后缀'] ], ['alipay_key', '支付宝密钥', 'text', '', '', ['prepend' => '前追加', 'append' => '后追加'] ], ], '微信支付' => [ ['wx_mch_id', '微信商户ID', 'text', '', '', ['prefix' => 'i.el-icon-setting', 'suffix' => '后缀'] ], ['wx_mch_key', '微信支付密钥', 'text', '', '', ['prepend' => '前追加', 'append' => '后追加'] ], ['status', '单选', 'radio', ['启用', '停用']], ['check', '多选框', 'checkbox', ['gz' => '广州', 'wh' => '武汉'], '多选框提示文字'] ] ]) ->fetch(); ``` > 页面效果: ![](images/screenshot_1557919334970.png)