mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 05:28:37 +08:00
1a1474e6ee
select支持全选,range支持范围选择
2.4 KiB
2.4 KiB
Select
选项表单。
type
请设置成select
options
选项配置,类型为数组,成员格式如下。label
文字value
值
source
Api 地址,如果选项不固定,可以通过配置source
动态拉取。另外也可以用$xxxx
来获取当前作用域中的变量。autoComplete
跟 source 不同的是,每次用户输入都会去接口获取提示。multiple
默认为false
, 设置成true
表示可多选。joinValues
默认为true
- 单选模式:当用户选中某个选项时,选项中的 value 将被作为该表单项的值提交,否则,整个选项对象都会作为该表单项的值提交。
- 多选模式:选中的多个选项的
value
会通过delimiter
连接起来,否则直接将以数组的形式提交值。 extractValue
默认为false
,joinValues
设置为false
时生效, 开启后将选中的选项 value 的值封装为数组,作为当前表单项的值。delimiter
默认为,
clearable
默认为false
, 当设置为true
时,已选中的选项右侧会有个小X
用来取消设置。searchable
默认为false
,表示可以通过输入部分内容检索出选项。checkall
默认为false
开启后支持全选checkAllLabel
默认为全选
, 全选的文字defaultCheckAll
是否默认全选,默认为false
- 更多配置请参考 FormItem
单选
[
{
"type": "select",
"name": "select",
"label": "单选",
"clearable": true,
"options": [
{
"label": "Option A",
"value": "a"
},
{
"label": "Option B",
"value": "b"
}
]
},
{
"type": "static",
"name": "select",
"label": "当前值"
}
]
多选
[
{
"type": "select",
"name": "select",
"label": "多选",
"clearable": true,
"multiple": true,
"options": [
{
"label": "OptionA",
"value": "a"
},
{
"label": "OptionB",
"value": "b"
},
{
"label": "OptionC",
"value": "c"
},
{
"label": "OptionD",
"value": "d"
}
]
},
{
"type": "static",
"name": "select",
"label": "当前值"
}
]