效果图: 代码:
ZTREE DEMO - beforeEditName / beforeRemove / onRemove / beforeRename / onRename
.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
高级 增 / 删 / 改 节点
[ 文件路径: exedit/edit_super.html ]
- 1、beforeEditName beforeRemove / onRemove beforeRename / onRename 事件回调函数控制
- 此 Demo 演示合理利用自定义控件、事件回调函数配合以增强用户体验,操作时可以对比"基本 增 / 删 / 改 节点"的 Demo
- 此 Demo 实现增加节点按钮
- 此 Demo 实现删除节点时进行确认
- 此 Demo 利用 showRenameBtn 对 isLastNode = true 的节点不显示编辑按钮
- 此 Demo 利用 showRemoveBtn 对 isFirstNode = true 的节点不显示删除按钮
- 可以利用 beforeEditName 触发自定义的编辑操作
在对这些灵活的配置熟悉以后,相信你能够做出更加合理的编辑界面!
编辑名称时是否全选 text
remove / rename log: 红色 表示取消编辑操作 (v3.5.13+)
- 2、setting 配置信息说明
- 同 "基本 增 / 删 / 改 节点"
- 3、treeNode 节点数据说明
- 同 "基本 增 / 删 / 改 节点"