组件说明
FieldSet组件用于将表单项分组,带有标题的表单项集合容器。
用法示例
use plugin\xbCode\builder\Builder;
use plugin\xbCode\builder\Renders\Form;
Builder::form(function (Form $builder) {
// 创建表单项
$name = $builder->addRowInput('name', '姓名');
$phone = $builder->addRowInput('phone', '电话');
// 使用FieldSet分组
$builder->addRowFieldSet('基本信息', [$name, $phone], function($component) {
$component->collapsable(true); // 可折叠
$component->collapsed(false); // 默认展开
});
});
组件参数
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| title | string | - | 标题 |
| body | array | [] | 表单项集合 |
| className | string | - | CSS类名 |
| headingClassName | string | - | 标题CSS类名 |
| bodyClassName | string | - | 内容区域CSS类名 |
| collapsable | bool | false | 是否可折叠 |
| collapsed | bool | false | 默认是否折叠 |
| collapseTitle | string | - | 收起的标题 |
| mode | string | - | 展示模式 |
使用说明
- FieldSet用于逻辑分组表单项
- collapsable开启后可以折叠/展开
- body数组包含要分组的表单项配置