V1.0.0
Skip to content

WTreeV2 组件

虚拟化树形控件,基于 WinDesignNext Tree V2 封装,通过虚拟滚动展示大规模层级数据,适用于节点数量较多的组织架构、菜单、分类等场景。

与 WTree 的区别:WTreeV2 内置虚拟列表,需设置 height;适合数千节点以上场景。WTree 适合中小规模且需要更多传统树 API 的场景。

基础用法

API

属性类型默认值说明
componentstringWTreeV2组件类型(必填)
data / dataSourcearray / string树数据
propsobject | DataBindingValue节点字段映射
heightnumber | DataBindingValue200虚拟列表高度(必填)
itemSizenumber | DataBindingValue32节点行高
currentNodeKeyDataBindingValue当前选中节点 key
checkedKeysDataBindingValue勾选节点 key 数组
expandedKeysDataBindingValue默认展开节点 key 数组
showCheckboxbooleanfalse显示复选框
checkStrictlybooleanfalse父子勾选不关联
highlightCurrentbooleanfalse高亮当前节点
actionAction节点交互事件

path 支持说明

属性path 支持说明
dataSource✅(路径字符串)树数据数组路径
props节点字段映射
currentNodeKey当前节点 key,选中后写回
checkedKeys勾选 key 数组,勾选后写回
expandedKeys初始展开 key 数组
height / itemSize虚拟列表尺寸
emptyText空数据提示

树数据格式

json
[
  {
    "id": "internal",
    "label": "内科",
    "children": [
      { "id": "cardiology", "label": "心内科" }
    ]
  }
]

action 定义

json
{
  "action": {
    "event": {
      "name": "onTreeCheck",
      "type": "check"
    }
  }
}

支持的事件类型:node-clickcheckcurrent-change

注意事项

  • 必须设置 height,否则虚拟列表无法正常展示
  • checkedKeys 映射为底层 defaultCheckedKeysexpandedKeys 映射为 defaultExpandedKeys
  • 不支持 filterMethod 等函数形式属性,过滤请通过 Agent 更新 dataSource 数据