比較懶,就只貼關鍵**吧,自己把有用的屬性全部列印出來了,也加了不少注釋。
儲存後涉及到的排序問題,重新整理問題還未考慮到,後面有的話再加。
1 $.fn.ztree.init($("#ztree"), 6},7view:,
10 edit:
21},
22callback:
38},
39 beforedrag: function
(treeid, treenodes),
43 beforedrop: function
(treeid, treenodes, targetnode, movetype, iscopy));55}
56 console.log("【目標節點】 節點id:"+targetnode.id+" 父節點id:"+targetnode.pid+" 級層:"+targetnode.level+" 名稱:"+targetnode.name);
57//
console.log("treeid:"+treeid+"--treenodes:"+treenodes+"--targetnode:"+targetnode+"--movetype:"+movetype+"--iscopy:"+iscopy);
58//
庫名不允許拖拽
59if(treenodes[0].level==0)
63//
不允許拖拽到表節點下(如果樹狀圖中有空目錄,那還是需要在後台進行校驗該節點是否是表節點)
64if(!targetnode.isparent)
6869
return
true;70
},71 beforedragopen: function
(),75 ondrag: function
(),79 ondrop: function
(event, treeid, treenodes, targetnode, movetype, iscopy));90}
91 console.log("【目標節點】 節點id:"+targetnode.id+" 父節點id:"+targetnode.pid+" 級層:"+targetnode.level+" 名稱:"+targetnode.name);
92//
console.log("event:"+event+"--treeid:"+treeid+"--treenodes:"+treenodes+"--targetnode:"+targetnode+"--movetype:"+movetype+"--iscopy:"+iscopy);
93return
true;94
},95 onexpand: function
()99
}100 }, znodes);
jquery使用列表標籤實現的可拖拽listbox
前兩天遇到朋友提到listbox.所以心血來潮,花了一下午時間自己使用jquery,利用列表標籤實現了乙個listbox.還未來得及優化,但功能已實現並可以使用,在此希望與大家分享 jquery listbox 2.2 效果圖 一.設計思路 1.標籤的使用 既然是列表,那無疑選擇使用列表標籤 ul,...
可拖拽彈出框
效果 父元件 v if showdrag close closedrag class canvas v if onshow drawingboard v else showingboard class btn click changestatus 切換狀態button div drag window...
實現 元素 可拖拽
css部分 body drag item html部分 drag item div js部分 var dragitem document.getelementsbyclassname drag item 0 var divx,divy,startmou startmousey,endmou endm...