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-click、check、current-change。

注意事项 ​

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