quantex-design

TreeSelect 树选择 - quantex-design

树型选择控件。

何时使用

类似 Select 的选择控件,可选择的数据结构是一个树形结构时,可以使用 TreeSelect,例如公司层级、学科系统、分类目录等等。

代码演示

基本使用

基础用法。

ref

设置ref

后台列表数据

从后台获取数据。

多选

带搜索多选。

checkbox多选

通过 checkbox 多选。

默认值

设置默认值。

监听value

由上层组件管理value状态。

预处理数据

对数据进行预处理。

禁用列表

禁用列表中的某些选项。

隐藏列表

隐藏列表中的某些选项。

强制更新

强制更新下拉菜单选项。

API

Extended TreeSelect props

继承公共 Dict 配置(ICommonDict

参数说明类型默认值
treeData(已弃用,请使用 dictData)树型结构数据array[]
treeUrl (已弃用,请使用 dictUrl)数据路径string-
treeParams (已弃用,请使用 dictParams)过滤参数object{}
treeSite (已弃用,请使用 dictSite)服务名称string'auth'
forceUpdateTree是否开启强制更新IForceUpdate-
preHandleTreeData数据预处理方法function(treeData) => treeData
disabledValues禁用节点 id 列表array[]
hiddenValues隐藏节点 id 列表array[]

其他 props 请参考官网 TreeSelect