跳至主要內容

Mr.Hope小于 1 分钟

TreeWidget 类提供了一个树形视图的实现,主要用于展示和管理具有层级结构的数据。该类继承自 AbstractTreeElementWidget,并在其基础上增加了树形视图特有的交互功能。

响应式属性

showContent

  • 类型: boolean
  • 默认值: true
  • 说明: 控制是否显示树节点内容的标志。在 TreeWidget 类中,默认值为 true,表示树节点的内容会被默认显示。

方法

onNodeSelected(node)

  • 参数:
    • node: OioTreeNode<TreeData> - 被选中的树节点。
  • 说明: 当树节点被选中时触发,用于处理节点选中事件的逻辑,例如加载节点相关的数据或更新应用状态。

onNodeUnselected(node)

  • 参数:
    • node: OioTreeNode<TreeData> - 被取消选中的树节点。
  • 说明: 当树节点的选中状态被取消时触发,用于处理节点取消选中事件的逻辑,例如清除与节点相关的数据展示。

onClearSearch()

  • 说明: 用于处理搜索清空后的逻辑,例如重置树形视图到初始状态或清除搜索结果高亮显示。

如何替换

import {
  SPI,
  BaseElementWidget,
  ViewType,
  TreeWidget,
} from "@kunlun/dependencies";

@SPI.ClassFactory(
  BaseElementWidget.Token({
    viewType: ViewType.Tree,
    widget: "tree",
  })
)
export class CustomTreeWidget extends TreeWidget {}