amis
amis copied to clipboard
button-group-select 的 autoFill 存在延迟,并且多选赋值失败
描述问题:
对于 button-group-select 的 autoFill 方法,存在两个问题。
- 存在延迟。
设置选项为
"options": [
{
"label": "选项1",
"value": "选项A"
},
{
"label": "选项2",
"value": "选项B"
},
{
"label": "选项3",
"value": "选项C"
}
]
当第一次选择选项1,文本框内容不显示; 当第二次选择选项2,文本框显示为选项A(为上次选择内容).
- 多选赋值失败
多选并且尝试
"multiple": true,
"joinValues": true,
"delimiter": ","
多选时候赋值失败
截图或视频:
- 存在延迟。
2.多选赋值失败
如何复现(请务必完整填写下面内容):
-
你是如何使用 amis 的? amis可视化编辑器
-
amis 版本是什么?请先在最新 beta 版本测试问题是否存在 1.8.0 发现问题后去可视化编辑器进行测试后发现问题同样存在
-
粘贴有问题的完整
amis schema
代码:
{
"type": "form",
"title": "表单",
"body": [
{
"type": "button-group-select",
"name": "select",
"options": [
{
"label": "选项1",
"value": "选项A"
},
{
"label": "选项2",
"value": "选项B"
},
{
"label": "选项3",
"value": "选项C"
}
],
"id": "u:3e30fa287f12",
"multiple": true,
"vertical": false,
"tiled": false,
"autoFill": {
"autoTextBox": "${select}"
},
"joinValues": true,
"delimiter": ","
},
{
"type": "input-text",
"label": "文本",
"name": "autoTextBox",
"id": "u:63e8ae033d03"
}
],
"id": "u:0014db98df88",
"debug": true
}
- 操作步骤 操作步骤如上问题描述
经测试,并非 button-group-select 组件的问题,应该是autoFill 属性的问题 使用 select 组件复现成功
{
"type": "page",
"title": "测试",
"body": [
{
},
{
"type": "form",
"title": "表单",
"body": [
{
"type": "select",
"label": "选项",
"name": "select2",
"options": [
{
"label": "选项1",
"value": "选项A"
},
{
"label": "选项2",
"value": "选项B"
},
{
"label": "选项3",
"value": "选项C"
}
],
"id": "u:156d7e5d4f4e",
"multiple": false,
"autoFill": {
"autoTextBox": "${select2}"
},
"checkAll": false
},
{
"type": "button-group-select",
"name": "select",
"options": [
{
"label": "选项1",
"value": "选项A"
},
{
"label": "选项2",
"value": "选项B"
},
{
"label": "选项3",
"value": "选项C"
}
],
"id": "u:3e30fa287f12",
"multiple": true,
"vertical": false,
"tiled": false,
"autoFill": {
"autoTextBox": "${select}"
},
"joinValues": true,
"delimiter": ","
},
{
"type": "input-text",
"label": "文本",
"name": "autoTextBox",
"id": "u:63e8ae033d03"
}
],
"id": "u:0014db98df88",
"debug": true
}
],
"id": "u:a376d67b187c",
"toolbar": [
]
}