31zTree - 高级 增 / 删 / 改 节点

效果图： 代码：

	 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 节点数据说明
				

				
同 "基本 增 / 删 / 改 节点"