必须在 tree.render() 后绑定 dblclick 事件，因 Layui 树异步渲染，节点 DOM 在 render 完才生成；需用 '.layui-tree-txt:not(.layui-tree-switch)' 精准捕获文本区，拦截禁用节点和图标，并覆盖 user-select: none 样式以支持 input 聚焦与选中。
直接监听 dblclick 事件即可，但必须在 tree.render() 完成后绑定，且要处理好冒泡、禁用节点和样式干扰等细节。
为什么不能在 render 前绑定 dblclick？
Layui tree 是异步渲染 DOM 的，节点元素在 render() 执行完才真实插入页面。如果提前绑定，委托目标（如 #treeDemo）虽存在，但实际匹配的 .layui-tree-txt 还没生成，事件根本不会触发。
- 务必把
layui.$('#treeDemo').on('dblclick', ...)放在tree.render()调用之后 - 不要用
$(document).on('dblclick', ...)—— 全局委托容易被其他组件或重复初始化污染 - 推荐加个简单容错：
if (!layui.tree) return;防止模块未加载就执行
怎么精准捕获双击文本区域，避开图标和禁用节点？
关键在选择器和事件拦截。树节点文本包裹在 .layui-tree-txt 里，但左侧展开图标也属于这个类名，直接写 .layui-tree-txt 会误触；同时禁用节点（disabled: true）不该响应任何交互。
- 用
'.layui-tree-txt:not(.layui-tree-switch)'排除图标区域 - 开头加
e.stopPropagation(); e.preventDefault();，否则双击会先触发 tree 内部的 click 折叠逻辑 - 调用
layui.tree.getNodeData(this)获取节点数据，再检查nodeData.disabled，为true就直接return
双击后替换为 input 却无法聚焦或选中文字？
这是 Layui 默认 CSS 导致的典型问题：.layui-tree-txt 设了 user-select: none，它会继承给子元素，导致动态插入的 <input> 失去文本选择能力，光标不显示、无法拖选、甚至失焦。
- 必须覆盖样式：
.layui-tree-txt input { user-select: text !important; } - 每次双击前先清理残留：
$(this).find('input').remove();，否则多次双击会堆叠多个 input - 插入后立刻
input.focus().select();，确保光标定位并全选原始文本
更新节点时 tree.updateNode 不生效？
tree.updateNode() 是 Layui 2.8+ 新增方法，旧版本不支持。即使版本够新，ID 类型不一致、数据源未同步、或调用时机不对，都会让视图不刷新。
- 确认
id参数类型与原始数据中字段一致（比如原始是字符串"1022"，就不能传数字1022） - 只在
keydown.enter和blur两个时机触发更新，避免重复提交 - 若用
tree.reload()替代，必须传入原始data数组引用，否则修改无效
最易被忽略的是：双击编辑状态没做互斥控制，用户快速连点多个节点，会留下多个 input 并发存在；另外，懒加载节点（isExpand: false）双击时若还没加载子节点，getNodeData() 可能返回 undefined，得加空值判断。
