2019-06-04 20:13:40 +08:00
|
|
|
### FieldSet
|
2019-05-08 22:55:41 +08:00
|
|
|
|
|
|
|
多个输入框可以通过 fieldSet 捆绑在一起。
|
|
|
|
|
|
|
|
- `type` 请设置成 `fieldSet`
|
|
|
|
- `title` 标题
|
|
|
|
- `controls` 表单项集合。
|
2019-05-09 21:42:07 +08:00
|
|
|
- `mode` 展示默认,跟 [Form](./Form.md) 中的模式一样,选择: `normal`、`horizontal`或者`inline`。
|
2019-05-08 22:55:41 +08:00
|
|
|
- `horizontal` 当为水平模式时,用来控制左右占比。
|
|
|
|
- `horizontal.label` 左边 label 的宽度占比。
|
|
|
|
- `horizontal.right` 右边控制器的宽度占比。
|
|
|
|
- `horizontal.offset` 当没有设置 label 时,右边控制器的偏移量。
|
|
|
|
- `collapsable` 配置是否可折叠,默认为 `true`。
|
|
|
|
- `collapsed` 默认是否折叠。
|
|
|
|
- `className` CSS 类名
|
|
|
|
- `headingClassName` 标题 CSS 类名
|
|
|
|
- `bodyClassName` 内容区域 CSS 类名
|
|
|
|
|
|
|
|
```schema:height="500" scope="form"
|
|
|
|
[
|
|
|
|
{
|
|
|
|
"type": "fieldSet",
|
|
|
|
"title": "基本配置",
|
|
|
|
"controls": [
|
|
|
|
{
|
|
|
|
"name": "a",
|
|
|
|
"type": "text",
|
|
|
|
"label": "文本1"
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
"name": "a",
|
|
|
|
"type": "text",
|
|
|
|
"label": "文本2"
|
|
|
|
}
|
|
|
|
]
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
"type": "fieldSet",
|
|
|
|
"title": "其他配置",
|
2019-06-11 10:09:44 +08:00
|
|
|
"collapsable": true,
|
2019-05-08 22:55:41 +08:00
|
|
|
"collapsed": true,
|
|
|
|
"controls": [
|
|
|
|
{
|
|
|
|
"name": "c",
|
|
|
|
"type": "text",
|
|
|
|
"label": "文本3"
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
"name": "d",
|
|
|
|
"type": "text",
|
|
|
|
"label": "文本4"
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
]
|
|
|
|
```
|