Checkbox 多选框
当用户需要在多个选项中选择一个或多个选项时。
基础属性
- 字段名称:
必填项
填写表单内容存储的字段名。 - 标题:填写国际化 Key 值。
- 标签宽度:表单项左侧文字的宽度 值为栅格数字
- 表单宽度:表单项右侧表单控件的宽度 值为栅格数字
- 数据类型:选项列表的数据来源,静态、字典还是 api 接口,默认是静态。
- 若选择字典,则需要填写字典类型。
- 若选择 api,则需要填写 api 接口路径及作为选项 key 和 label 的字段名。
- 若选择静态,则需要填写多选框的 key 和 value,value 是展示的文案
表单校验
- 是否必填:多选框组件是否必填校验
组件方法
设置选项数据(setOptionData)
方法说明
该方法用于通过事件动态设置 Radio
的选项数据。
方法参数
- 最外层是一个对象 【Object】 里面包含三个参数分别是
data
、key
、value
其中 data 数据为必传,其余非必传。 - 【Array】
data
下拉选择列表需要的数据 - 【String】
key
下拉选择组件的 key 值字段名,若不填写,默认为'key' - 【String】
value
下拉选择组件的 value 值字段名,若不填写,默认为'value'
方法示例
js
ctx.componentMethod("Radio组件key", "setOptionData", {
data: [
{
id: 1,
name: "张三",
},
{
id: 2,
name: "李四",
},
],
key: "id",
value: "name",
});