树型下拉多选框

分类

配置

示例

说明

内容

选项列表

数据源

默认值

默认选中的值

展开的树节点

在展开某个内部子节点时，需要同时填入相关的父级节点。

展位内容

没有选择任何选项时显示的提示文本。

标签

详情参见表单通用属性

交互

隐藏

控制树型下拉多选框的默认展示状态，为true 时将隐藏组件。详情参见通用属性

搜索

开启树型下拉多选框的搜索能力，根据用户输入的内容过滤数据。

禁用

是否禁用树型下拉多选框

校验

详情参见表单通用属性

样式

外边距

详情参见通用属性

自定义树节点的展开/折叠图标

支持自定义树节点的展开/折叠图标。

如果只设置展开图标,则折叠图标为展开图标逆时针转向90度；只设置折叠图标,则展开图标为折叠图标顺时针转向90度。

清除按钮

是否展示清除按钮

形态变体

树型下拉多选框的输入框形态。

是否展示线条样式

数据源各层级间是否展示线条样式

是否展示选框

是否展示选框，仅支持多选

CSS 样式

节点悬浮态背景色

鼠标悬浮在节点时的背景色

节点选中态背景色

选中节点的背景色

圆角

树型下拉多选框圆角，详情参见通用属性

文字颜色

文字颜色，对树节点生效

标签字体大小

仅对标签文字内容生效

名称

类型

示例

说明

value

string

multipleTreeSelect1.value

当前树型下拉多选框组件的选中内容

labelText

string

multipleTreeSelect1.labelText

只读，当前树型下拉多选框组件的标签文字内容

disabled

boolean

multipleTreeSelect1.disabled

只读，是否禁用当前树型下拉多选框组件

data

array

multipleTreeSelect1.data

只读，当前树型下拉多选框组件的下拉菜单数据

treeExpandedKeys

array

multipleTreeSelect1.treeExpandedKeys

当前树型下拉多选框组件的下拉菜单树的展开项的key集合

validationStatus

boolean

multipleTreeSelect1.validationStatus

当前树型下拉多选框组件的校验状态

validationMessage

string

multipleTreeSelect1.validationMessage

当前树型下拉多选框组件的校验信息

setValue

func

multipleTreeSelect1.setValue(['option1'])

设置树型下拉多选框的选中值为option1

clearValue

func

multipleTreeSelect1.clearValue()

清除树型下拉多选框的选中值

setTreeExpandedKeys

func

multipleTreeSelect1.setTreeExpandedKeys(['option1'])

设置树型下拉多选框的展开项为option1

clearTreeExpandedKeys

func

multipleTreeSelect1.clearTreeExpandedKeys()

清除树型下拉多选框的展开项，即折叠菜单

validate

func

multipleTreeSelect1.validate()

触发树型下拉多选框的校验

clearValidate

func

multipleTreeSelect1.clearValidate()

清除树型下拉多选框的校验状态

focus

func

multipleTreeSelect1.focus()

使树型下拉多选框获取焦点

blur

func

multipleTreeSelect1.blur()

使树型下拉多选框失去焦点

配置

说明

当树型下拉多选框的选中值发生变化时将触发的事件

选中树节点时将触发的事件

文本框值变化时将触发的事件