开启loadOnDemand时如何从Kendo TreeView获取子节点dataItem？

这是个很常见的问题——当TreeView开启loadOnDemand: true时，未展开的子节点并不会预先加载到本地数据源中，所以直接用dataSource.get()自然拿不到。下面给你几个可行的解决方案：

方案1：展开父节点触发子节点加载后再获取 #

既然未展开的子节点没在数据源里，那我们可以先展开它的父节点，等子节点加载完成后再去获取。Kendo的expand()方法返回一个Promise，我们可以利用它来确保加载完成：

// 假设目标子节点ID是"2"，它的父节点ID是"1"
const parentItem = kendoTreeInstance.dataSource.get("1");
const parentElement = kendoTreeInstance.findByUid(parentItem.uid);

// 展开父节点，触发子节点加载
kendoTreeInstance.expand(parentElement).then(() => {
  // 此时子节点已加载到数据源，可正常获取
  const targetItem = kendoTreeInstance.dataSource.get("2");
  if (targetItem) {
    const targetElement = kendoTreeInstance.findByUid(targetItem.uid);
    // 这里写你需要的业务逻辑
  }
});

如果不确定父节点是否已经展开，可以先检查目标节点是否存在，不存在再执行展开操作：

let targetItem = kendoTreeInstance.dataSource.get("2");
if (!targetItem) {
  // 执行上面的展开父节点逻辑
}

方案2：手动调用数据源的read方法加载指定父节点的子节点 #

如果你的后端接口支持通过parentId参数返回对应子节点数据，可以直接调用数据源的read()方法加载目标节点所在的父节点子项，无需展开UI节点：

// 传入目标节点的父ID，触发数据源加载该父节点的子项
kendoTreeInstance.dataSource.read({ parentId: "1" }).then(() => {
  const targetItem = kendoTreeInstance.dataSource.get("2");
  if (targetItem) {
    const targetElement = kendoTreeInstance.findByUid(targetItem.uid);
    // 处理业务逻辑
  }
});

这种方式适合不需要展开UI节点，只需要获取数据的场景。

方案3：递归加载深层嵌套节点（针对多级Tree） #

如果目标节点在深层嵌套结构中，你需要递归展开所有祖先节点，直到目标节点被加载。可以封装一个工具函数来处理：

async function getTreeNodeById(treeView, nodeId, parentId) {
  // 先检查本地数据源是否已有该节点
  let dataItem = treeView.dataSource.get(nodeId);
  if (dataItem) return dataItem;

  // 如果没有父ID，先加载根节点
  if (!parentId) {
    await treeView.dataSource.read();
    return getTreeNodeById(treeView, nodeId);
  }

  // 加载父节点的子项
  const parentItem = treeView.dataSource.get(parentId);
  if (!parentItem) throw new Error("父节点不存在或未加载");
  
  const parentElement = treeView.findByUid(parentItem.uid);
  await treeView.expand(parentElement);
  
  // 递归检查目标节点是否已加载
  return getTreeNodeById(treeView, nodeId);
}

// 使用示例
getTreeNodeById(kendoTreeInstance, "2", "1")
  .then(targetItem => {
    const targetElement = kendoTreeInstance.findByUid(targetItem.uid);
    // 处理你的逻辑
  })
  .catch(err => console.error("获取节点失败：", err));

注意：这种方式需要你知道目标节点的父ID层级，如果不知道的话，可能需要后端提供一个接口，根据节点ID返回它的祖先路径，这样才能递归加载。

内容的提问来源于stack exchange，提问作者Sonu