树
小于 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 {}