mirror of
https://gitee.com/baidu/amis.git
synced 2024-11-30 02:58:05 +08:00
5.2 KiB
5.2 KiB
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Radio 单选框 | 0 | null | Radio | 8 |
实现组合中的单选功能,此组件只有在 combo
和 input-table
中有意义。
combo 中使用
{
"type": "form",
"debug": true,
data: {
answers: [
{
isAnswer: false,
answer: '选项 1'
},
{
isAnswer: false,
answer: '选项 2',
}
]
},
"body": [
{
type: 'combo',
label: '可选答案',
name: 'answers',
multiple: true,
addable: true,
strictMode: false,
items: [
{
type: 'radio',
name: 'isAnswer',
columnClassName: 'no-grow'
},
{
type: 'input-text',
name: 'answer',
placeholder: '答案文案'
}
]
},
]
}
input-table 中使用
{
"type": "form",
"debug": true,
data: {
answers: [
{
isAnswer: false,
answer: '选项 1'
},
{
isAnswer: false,
answer: '选项 2',
children: [
{
isAnswer: false,
answer: '选项 1'
},
{
isAnswer: false,
answer: '选项 2'
}
]
}
]
},
"body": [
{
type: 'input-table',
label: '可选答案',
name: 'answers',
multiple: true,
addable: true,
strictMode: false,
columns: [
{
label: '',
type: 'radio',
name: 'isAnswer',
},
{
label: '答案文案',
type: 'input-text',
name: 'answer',
placeholder: '答案文案'
}
]
}
]
}
配置真假值
默认情况:
- 单选框勾选时,表单项值为:true
- 单选框取消勾选时,表单项值为:false
如果你想调整这个值,可以配置trueValue
和falseValue
{
"type": "form",
"debug": true,
data: {
answers: [
{
isAnswer: false,
answer: '选项 1'
},
{
isAnswer: false,
answer: '选项 2',
}
]
},
"body": [
{
type: 'combo',
label: '可选答案',
name: 'answers',
multiple: true,
addable: true,
strictMode: false,
items: [
{
type: 'radio',
name: 'isAnswer',
columnClassName: 'no-grow',
trueValue: 1,
falseValue: 0
},
{
type: 'input-text',
name: 'answer',
placeholder: '答案文案'
}
]
},
]
}
属性表
除了支持 普通表单项属性表 中的配置以外,还支持下面一些配置
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
option | string |
选项说明 | |
trueValue | string|number|boolean |
true |
标识真值 |
falseValue | string|number|boolean |
false |
标识假值 |
事件表
当前组件会对外派发以下事件,可以通过onEvent
来监听这些事件,并通过actions
来配置执行的动作,在actions
中可以通过${事件参数名}
来获取事件产生的数据(< 2.3.2 及以下版本 为 ${event.data.[事件参数名]}
),详细请查看事件动作。
[name]
表示当前组件绑定的名称,即name
属性,如果没有配置name
属性,则通过value
取值。
事件名称 | 事件参数 | 说明 |
---|---|---|
change | [name]: boolean 组件的值 |
选中状态变化时触发 |
动作表
当前组件对外暴露以下特性动作,其他组件可以通过指定actionType: 动作名称
、componentId: 该组件id
来触发这些动作,动作配置可以通过args: {动作配置项名称: xxx}
来配置具体的参数,详细请查看事件动作。
动作名称 | 动作配置 | 说明 |
---|---|---|
clear | - | 清空 |
reset | - | 将值重置为resetValue ,若没有配置resetValue ,则清空 |
setValue | value: string |number |boolean 更新的值 |
更新数据 |