Dynatree是否支持子节点静默懒加载？及appendAjax滚动问题求助

1. Dynatree是否支持子节点静默懒加载？ #

当然支持！Dynatree本身就内置了懒加载子节点的能力，默认的懒加载模式就是“静默”的——只要你在节点配置里设置lazy: true，它就会在需要的时候（比如用户手动点击展开节点）才去请求加载子节点，不会触发多余的交互行为。而像你这种通过面包屑手动触发加载的场景，只需要手动控制加载过程，避免触发默认的焦点、滚动等动作，就能实现完全静默的懒加载效果。

2. 解决appendAjax导致的焦点与页面滚动问题 #

你遇到的父节点自动获焦、页面滚动到树组件位置的问题，是因为appendAjax方法默认会触发节点聚焦和展开的交互逻辑。要实现完全静默的加载，只需要在调用appendAjax时添加几个配置参数来禁用这些行为：

修改后的代码如下：

var parentNode = tree.getNodeByKey(parent);
parentNode.appendAjax({
  type: 'POST',
  url: 'inc/treeNodes.php',
  dataType: 'json',
  data: {key: parent},
  focus: false, // 禁用加载后自动聚焦父节点
  expand: false, // 禁用加载后自动展开父节点（保持原状态）
  success: function() {
    // 标记节点已完成懒加载，避免后续重复触发加载逻辑
    parentNode.data.lazy = false;
  }
});

关键参数说明： #

• focus: false：这是解决页面滚动的核心设置——它会阻止Dynatree在加载完成后自动将焦点定位到父节点，自然就不会触发页面滚动到树组件的位置了。
• expand: false：如果你不需要加载后自动展开父节点，加上这个参数可以保持节点原本的折叠状态，进一步强化“静默”的加载效果。
• success回调中设置parentNode.data.lazy = false：可以标记该节点已经完成懒加载，防止后续重复调用加载逻辑造成冗余请求。

如果添加上述参数后仍然存在滚动问题，你还可以在调用appendAjax前后手动保存和恢复页面滚动位置作为兜底方案：

// 保存当前页面滚动位置
var scrollTop = $(window).scrollTop();
var scrollLeft = $(window).scrollLeft();

var parentNode = tree.getNodeByKey(parent);
parentNode.appendAjax({
  // 其他配置参数...
  complete: function() {
    // 恢复之前的滚动位置
    $(window).scrollTop(scrollTop);
    $(window).scrollLeft(scrollLeft);
  }
});

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