Jquery 可拖拽的Ztree

2022-03-09 04:42:27 字數 1553 閱讀 7916

比較懶,就只貼關鍵**吧,自己把有用的屬性全部列印出來了,也加了不少注釋。

儲存後涉及到的排序問題,重新整理問題還未考慮到,後面有的話再加。

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...