单选框

简介

单选框是表单中常见组件,用于在多个备选项中选中单个状态。

image

配置项

分类

配置

示例

说明

内容

可选列表

image

image

手动配置或者映射配置,其中手动配置可直接配置每个 item,映射配置需配置数据源(数组),并将数据源和可选列表(标题、值、悬浮提示、禁用)联动使用。

默认值

image

默认选中选项

标签

imageimage

表单标签 ,详情参见表单通用属性

交互

隐藏

image

隐藏,详情参见通用属性

禁用

image

开启后,组件不可使用

校验

image

表单校验,详情参见表单通用属性

样式

外边距

image

外边距,详情参见通用属性

分组布局

image

分组布局,始终单列表示每行只有一个可选项,自动换行为默认值

显示类型

image

image

image

单选框的显示类型,包括默认和按钮。显示类型为按钮时,可设置按钮大小和按钮样式

CSS 样式

字体大小

image

字体大小

字体颜色

image

字体颜色

主要颜色

image

选中项单选框的颜色

主要悬浮态颜色

image

可选项悬浮时单选框的颜色

标签字体大小

image

标签字体大小

按钮背景色

image

显示类型为按钮时,按钮背景色

按钮选中背景色

image

显示类型为按钮时,选中按钮背景色

按钮文字色

image

显示类型为按钮时,按钮文字色

属性与方法

名称

类型

示例

说明

value

string

radio.value

组件的选中项

labelText

string

radio.labelText

组件的标签文字

selectedLabel

string

radio.selectedLabel

组件选中项的标题

disabled

boolean

radio.disabled

组件是否禁用

data

array

radio.data

单选框组件的数据

validationStatus

boolean

radio.validationStatus

组件校验后的状态

validationMessage

string

radio.validationMessage

组件校验后的信息

blur

func

radio.blur()

组件失去焦点

focus

func

radio.focus()

组件获得焦点

validate

func

radio.validate()

组件校验

setValue

func

radio.setValue('')

设置组件内容

setSelectedLabel

func

radio.setSelectedLabel('')

设置组件选中项的标题

clearValue

func

radio.clearValue()

清除组件的 value 值

clearValidate

func

radio.clearValidate()

清除组件的校验信息

clearSelectedLabel

func

radio.clearSelectedLabel()

清除组件选中项的标题

事件回调

配置

说明

image

组件的值发生改变后触发的事件