mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-01 11:28:30 +08:00
Merge remote-tracking branch 'baidu/master'
This commit is contained in:
2betop
commit
29a06b32e8
@ -2,8 +2,8 @@
|
||||
|
||||
按钮集合，直接看示例吧。
|
||||
|
||||
- `type` 请设置成 `button-group`
|
||||
- `buttons` 配置按钮集合。
|
||||
- `type` 请设置成 `button-group`
|
||||
- `buttons` 配置按钮集合。
|
||||
|
||||
```schema:height="200" scope="form"
|
||||
[
|
||||
@ -60,23 +60,22 @@ button-group 有两种模式，除了能让按钮组合在一起，还能做类
|
||||
|
||||
当不配置 buttons 属性时，就可以当复选框用。
|
||||
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `image` 图片的 `http` 地址。
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 `value` 的值封装为数组，作为当前表单项的值。
|
||||
- `clearable` 默认为 `true`, 表示可以取消选中。
|
||||
- `size` 按钮大小，从小到大依次为`xs, sm, md, lg`
|
||||
- `disabled` 是否禁用`options` 中选项
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- `autoFill`的格式为`{address: "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 `value` 的值封装为数组，作为当前表单项的值。
|
||||
- `clearable` 默认为 `true`, 表示可以取消选中。
|
||||
- `size` 按钮大小，从小到大依次为`xs, sm, md, lg`
|
||||
- `disabled` 是否禁用`options` 中选项
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- 配置`"autoFill": {"address": "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
|
||||
```schema:height="250" scope="form"
|
||||
[
|
||||
|
||||
@ -2,21 +2,21 @@
|
||||
|
||||
简单的列表选择框。
|
||||
|
||||
- `type` 请设置成 `list`
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `image` 图片的 http 地址。
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- `autoFill`的格式为`{address: "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
- `type` 请设置成 `list`
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `image` 图片的 http 地址。
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `multiple` 默认为 `false`, 设置成 `true` 表示可多选。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- 配置`"autoFill": {"address": "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
|
||||
单选
|
||||
|
||||
@ -126,7 +126,6 @@
|
||||
]
|
||||
```
|
||||
|
||||
|
||||
### 接口说明
|
||||
|
||||
开始之前请你先阅读[整体要求](../api.md)。
|
||||
@ -161,4 +160,4 @@
|
||||
"value": "值" // 默认值，可以获取列表的同时设置默认值。
|
||||
}
|
||||
}
|
||||
```
|
||||
```
|
||||
|
||||
@ -2,22 +2,22 @@
|
||||
|
||||
列表选取。可以静态数据，或者通过接口拉取动态数据。
|
||||
|
||||
- `type` 请设置成 `picker`
|
||||
- `multiple` 是否为多选。
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。 另外也可以用 `$xxxx` 来获取当前作用域中的变量。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `modalMode` 设置 `dialog` 或者 `drawer`，用来配置弹出方式。
|
||||
- `pickerSchema` 默认为 `{mode: 'list', listItem: {title: '${label}'}}`, 即用 List 类型的渲染，来展示列表信息。更多的玩法请参考 [CRUD](../CRUD.md) 的配置。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- `autoFill`的格式为`{address: "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
- `type` 请设置成 `picker`
|
||||
- `multiple` 是否为多选。
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。 另外也可以用 `$xxxx` 来获取当前作用域中的变量。
|
||||
- `joinValues` 默认为 `true`
|
||||
- 单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。
|
||||
- 多选模式：选中的多个选项的 `value` 会通过 `delimiter` 连接起来，否则直接将以数组的形式提交值。
|
||||
- `extractValue` 默认为 `false`, `joinValues`设置为`false`时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。
|
||||
- `delimiter` 默认为 `,`
|
||||
- `modalMode` 设置 `dialog` 或者 `drawer`，用来配置弹出方式。
|
||||
- `pickerSchema` 默认为 `{mode: 'list', listItem: {title: '${label}'}}`, 即用 List 类型的渲染，来展示列表信息。更多的玩法请参考 [CRUD](../CRUD.md) 的配置。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- 配置`"autoFill": {"address": "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
|
||||
```schema:height="300" scope="form-item"
|
||||
{
|
||||
|
||||
@ -2,15 +2,15 @@
|
||||
|
||||
单选框
|
||||
|
||||
- `type` 请设置成 `radios`
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `columnsCount` 默认为 `1` 可以配置成一行显示多个。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中。
|
||||
- `autoFill`的格式为`{address: "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
- `type` 请设置成 `radios`
|
||||
- `options` 选项配置，类型为数组，成员格式如下。
|
||||
- `label` 文字
|
||||
- `value` 值
|
||||
- `source` Api 地址，如果选项不固定，可以通过配置 `source` 动态拉取。
|
||||
- `columnsCount` 默认为 `1` 可以配置成一行显示多个。
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中。
|
||||
- 配置`"autoFill": {"address": "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
|
||||
```schema:height="330" scope="form"
|
||||
[
|
||||
@ -46,7 +46,6 @@
|
||||
]
|
||||
```
|
||||
|
||||
|
||||
### 接口说明
|
||||
|
||||
开始之前请你先阅读[整体要求](../api.md)。
|
||||
@ -81,4 +80,4 @@
|
||||
"value": "值" // 默认值，可以获取列表的同时设置默认值。
|
||||
}
|
||||
}
|
||||
```
|
||||
```
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
- `checkAllLabel` 默认为 `全选`, 全选的文字
|
||||
- `defaultCheckAll` 是否默认全选，默认为`false`
|
||||
- `autoFill` 将当前已选中的选项的某个字段的值自动填充到表单中某个表单项中，只在单选时有效
|
||||
- `autoFill`的格式为`{address: "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- 配置`"autoFill": {"address": "${label}"}`，表示将选中项中的`label`的值，自动填充到当前表单项中`name` 为`address` 中
|
||||
- **还有更多通用配置请参考** [FormItem](./FormItem.md)
|
||||
|
||||
单选
|
||||
|
||||
Loading…
Reference in New Issue
Block a user