Skip to content

Checkbox 多选框

当用户需要在多个选项中选择一个或多个选项时。

注意事项

表单类组件仅支持拖动到「表单容器」中,如果想使用表单组件,请首先添加一个「表单容器」。

基础属性

  • 字段名称必填项填写表单内容存储的字段名。
  • 标题:填写国际化 Key 值。
  • 标签宽度:表单项左侧文字的宽度 值为栅格数字
  • 表单宽度:表单项右侧表单控件的宽度 值为栅格数字
  • 数据类型:选项列表的数据来源,静态、字典还是 api 接口,默认是静态。
  • 若选择字典,则需要填写字典类型。
  • 若选择 api,则需要填写 api 接口路径及作为选项 key 和 label 的字段名。
  • 若选择静态,则需要填写多选框的 key 和 value,value 是展示的文案

表单校验

  • 是否必填:多选框组件是否必填校验

组件方法

设置选项数据(setOptionData)

方法说明

该方法用于通过事件动态设置 Radio 的选项数据。

方法参数

  • 最外层是一个对象 【Object】 里面包含三个参数分别是datakeyvalue其中 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",
});