52zTree - 与其他 DOM 拖拽互动

效果图：

代码：

	 ZTREE DEMO - drag with other DOM
	
	
	
	
	
	
	
	
		
	
	
.dom_line {margin:2px;border-bottom:1px gray dotted;height:1px}
.domBtnDiv {display:block;padding:2px;border:1px gray dotted;background-color:powderblue}
.categoryDiv {display:inline-block; width:335px}
.domBtn {display:inline-block;cursor:pointer;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#FFE6B0}
.domBtn_Disabled {display:inline-block;cursor:default;padding:2px;margin:2px 10px;border:1px gray solid;background-color:#DFDFDF;color:#999999}
.dom_tmp {position:absolute;font-size:12px;}
.active {background-color: #93C3CF}
	



与其他 DOM 拖拽互动
[ 文件路径: super/dragWithOther.html ]

	

		

	
	

		

			
实现方法说明
				

				
zTree v3.2 版本修正了 onDrag/onDrop 中的 event 对象; v3.5.16 版本增加了 onDragMove; 因此可以较容易的控制将节点拖拽到其他 DOM 
				
将其他 DOM 拖拽到 zTree 需要自己制作相关的拖拽代码
				
这仅仅是一个最简单的演示，如果需要更炫的效果，需要制作更复杂的代码
				
			
			
请拖拽下面内容到 树节点上
				

					
大树小草花朵
					

					
老虎狗熊狮子
				
				也可以把二级节点拖拽到以上图层