jquery.ztree.exedit-3.3.js 41 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174
  1. /*
  2. * JQuery zTree exedit 3.3
  3. * http://zTree.me/
  4. *
  5. * Copyright (c) 2010 Hunter.z
  6. *
  7. * Licensed same as jquery - MIT License
  8. * http://www.opensource.org/licenses/mit-license.php
  9. *
  10. * email: hunter.z@263.net
  11. * Date: 2012-07-16
  12. */
  13. (function($){
  14. //default consts of exedit
  15. var _consts = {
  16. event: {
  17. DRAG: "ztree_drag",
  18. DROP: "ztree_drop",
  19. REMOVE: "ztree_remove",
  20. RENAME: "ztree_rename"
  21. },
  22. id: {
  23. EDIT: "_edit",
  24. INPUT: "_input",
  25. REMOVE: "_remove"
  26. },
  27. move: {
  28. TYPE_INNER: "inner",
  29. TYPE_PREV: "prev",
  30. TYPE_NEXT: "next"
  31. },
  32. node: {
  33. CURSELECTED_EDIT: "curSelectedNode_Edit",
  34. TMPTARGET_TREE: "tmpTargetzTree",
  35. TMPTARGET_NODE: "tmpTargetNode"
  36. }
  37. },
  38. //default setting of exedit
  39. _setting = {
  40. edit: {
  41. enable: false,
  42. editNameSelectAll: false,
  43. showRemoveBtn: true,
  44. showRenameBtn: true,
  45. removeTitle: "remove",
  46. renameTitle: "rename",
  47. drag: {
  48. autoExpandTrigger: false,
  49. isCopy: true,
  50. isMove: true,
  51. prev: true,
  52. next: true,
  53. inner: true,
  54. minMoveSize: 5,
  55. borderMax: 10,
  56. borderMin: -5,
  57. maxShowNodeNum: 5,
  58. autoOpenTime: 500
  59. }
  60. },
  61. view: {
  62. addHoverDom: null,
  63. removeHoverDom: null
  64. },
  65. callback: {
  66. beforeDrag:null,
  67. beforeDragOpen:null,
  68. beforeDrop:null,
  69. beforeEditName:null,
  70. beforeRename:null,
  71. onDrag:null,
  72. onDrop:null,
  73. onRename:null
  74. }
  75. },
  76. //default root of exedit
  77. _initRoot = function (setting) {
  78. var r = data.getRoot(setting);
  79. r.curEditNode = null;
  80. r.curEditInput = null;
  81. r.curHoverNode = null;
  82. r.dragFlag = 0;
  83. r.dragNodeShowBefore = [];
  84. r.dragMaskList = new Array();
  85. r.showHoverDom = true;
  86. },
  87. //default cache of exedit
  88. _initCache = function(treeId) {},
  89. //default bind event of exedit
  90. _bindEvent = function(setting) {
  91. var o = setting.treeObj;
  92. var c = consts.event;
  93. o.unbind(c.RENAME);
  94. o.bind(c.RENAME, function (event, treeId, treeNode) {
  95. tools.apply(setting.callback.onRename, [event, treeId, treeNode]);
  96. });
  97. o.unbind(c.REMOVE);
  98. o.bind(c.REMOVE, function (event, treeId, treeNode) {
  99. tools.apply(setting.callback.onRemove, [event, treeId, treeNode]);
  100. });
  101. o.unbind(c.DRAG);
  102. o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) {
  103. tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]);
  104. });
  105. o.unbind(c.DROP);
  106. o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) {
  107. tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]);
  108. });
  109. },
  110. //default event proxy of exedit
  111. _eventProxy = function(e) {
  112. var target = e.target,
  113. setting = data.getSetting(e.data.treeId),
  114. relatedTarget = e.relatedTarget,
  115. tId = "", node = null,
  116. nodeEventType = "", treeEventType = "",
  117. nodeEventCallback = null, treeEventCallback = null,
  118. tmp = null;
  119. if (tools.eqs(e.type, "mouseover")) {
  120. tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  121. if (tmp) {
  122. tId = tmp.parentNode.id;
  123. nodeEventType = "hoverOverNode";
  124. }
  125. } else if (tools.eqs(e.type, "mouseout")) {
  126. tmp = tools.getMDom(setting, relatedTarget, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  127. if (!tmp) {
  128. tId = "remove";
  129. nodeEventType = "hoverOutNode";
  130. }
  131. } else if (tools.eqs(e.type, "mousedown")) {
  132. tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  133. if (tmp) {
  134. tId = tmp.parentNode.id;
  135. nodeEventType = "mousedownNode";
  136. }
  137. }
  138. if (tId.length>0) {
  139. node = data.getNodeCache(setting, tId);
  140. switch (nodeEventType) {
  141. case "mousedownNode" :
  142. nodeEventCallback = _handler.onMousedownNode;
  143. break;
  144. case "hoverOverNode" :
  145. nodeEventCallback = _handler.onHoverOverNode;
  146. break;
  147. case "hoverOutNode" :
  148. nodeEventCallback = _handler.onHoverOutNode;
  149. break;
  150. }
  151. }
  152. var proxyResult = {
  153. stop: false,
  154. node: node,
  155. nodeEventType: nodeEventType,
  156. nodeEventCallback: nodeEventCallback,
  157. treeEventType: treeEventType,
  158. treeEventCallback: treeEventCallback
  159. };
  160. return proxyResult
  161. },
  162. //default init node of exedit
  163. _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
  164. if (!n) return;
  165. n.isHover = false;
  166. n.editNameFlag = false;
  167. },
  168. //update zTreeObj, add method of edit
  169. _zTreeTools = function(setting, zTreeTools) {
  170. zTreeTools.cancelEditName = function(newName) {
  171. var root = data.getRoot(setting),
  172. nameKey = setting.data.key.name,
  173. node = root.curEditNode;
  174. if (!root.curEditNode) return;
  175. view.cancelCurEditNode(setting, newName?newName:node[nameKey]);
  176. }
  177. zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) {
  178. if (!node) return null;
  179. if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null;
  180. var newNode = tools.clone(node);
  181. if (!targetNode) {
  182. targetNode = null;
  183. moveType = consts.move.TYPE_INNER;
  184. }
  185. if (moveType == consts.move.TYPE_INNER) {
  186. function copyCallback() {
  187. view.addNodes(setting, targetNode, [newNode], isSilent);
  188. }
  189. if (tools.canAsync(setting, targetNode)) {
  190. view.asyncNode(setting, targetNode, isSilent, copyCallback);
  191. } else {
  192. copyCallback();
  193. }
  194. } else {
  195. view.addNodes(setting, targetNode.parentNode, [newNode], isSilent);
  196. view.moveNode(setting, targetNode, newNode, moveType, false, isSilent);
  197. }
  198. return newNode;
  199. }
  200. zTreeTools.editName = function(node) {
  201. if (!node || !node.tId || node !== data.getNodeCache(setting, node.tId)) return;
  202. if (node.parentTId) view.expandCollapseParentNode(setting, node.getParentNode(), true);
  203. view.editNode(setting, node)
  204. }
  205. zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) {
  206. if (!node) return node;
  207. if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) {
  208. return null;
  209. } else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $("#" + node.tId).find("#" + targetNode.tId).length > 0)) {
  210. return null;
  211. } else if (!targetNode) {
  212. targetNode = null;
  213. }
  214. function moveCallback() {
  215. view.moveNode(setting, targetNode, node, moveType, false, isSilent);
  216. }
  217. if (tools.canAsync(setting, targetNode)) {
  218. view.asyncNode(setting, targetNode, isSilent, moveCallback);
  219. } else {
  220. moveCallback();
  221. }
  222. return node;
  223. }
  224. zTreeTools.setEditable = function(editable) {
  225. setting.edit.enable = editable;
  226. return this.refresh();
  227. }
  228. },
  229. //method of operate data
  230. _data = {
  231. setSonNodeLevel: function(setting, parentNode, node) {
  232. if (!node) return;
  233. var childKey = setting.data.key.children;
  234. node.level = (parentNode)? parentNode.level + 1 : 0;
  235. if (!node[childKey]) return;
  236. for (var i = 0, l = node[childKey].length; i < l; i++) {
  237. if (node[childKey][i]) data.setSonNodeLevel(setting, node, node[childKey][i]);
  238. }
  239. }
  240. },
  241. //method of event proxy
  242. _event = {
  243. },
  244. //method of event handler
  245. _handler = {
  246. onHoverOverNode: function(event, node) {
  247. var setting = data.getSetting(event.data.treeId),
  248. root = data.getRoot(setting);
  249. if (root.curHoverNode != node) {
  250. _handler.onHoverOutNode(event);
  251. }
  252. root.curHoverNode = node;
  253. view.addHoverDom(setting, node);
  254. },
  255. onHoverOutNode: function(event, node) {
  256. var setting = data.getSetting(event.data.treeId),
  257. root = data.getRoot(setting);
  258. if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) {
  259. view.removeTreeDom(setting, root.curHoverNode);
  260. root.curHoverNode = null;
  261. }
  262. },
  263. onMousedownNode: function(eventMouseDown, _node) {
  264. var i,l,
  265. setting = data.getSetting(eventMouseDown.data.treeId),
  266. root = data.getRoot(setting);
  267. //right click can't drag & drop
  268. if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true;
  269. //input of edit node name can't drag & drop
  270. var target = eventMouseDown.target,
  271. _nodes = data.getRoot(setting).curSelectedList,
  272. nodes = [];
  273. if (!data.isSelectedNode(setting, _node)) {
  274. nodes = [_node];
  275. } else {
  276. for (i=0, l=_nodes.length; i<l; i++) {
  277. if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode"+consts.id.INPUT) !== null) {
  278. return true;
  279. }
  280. nodes.push(_nodes[i]);
  281. if (nodes[0].parentTId !== _nodes[i].parentTId) {
  282. nodes = [_node];
  283. break;
  284. }
  285. }
  286. }
  287. view.editNodeBlur = true;
  288. view.cancelCurEditNode(setting, null, true);
  289. var doc = $(document), curNode, tmpArrow, tmpTarget,
  290. isOtherTree = false,
  291. targetSetting = setting,
  292. preNode, nextNode,
  293. preTmpTargetNodeId = null,
  294. preTmpMoveType = null,
  295. tmpTargetNodeId = null,
  296. moveType = consts.move.TYPE_INNER,
  297. mouseDownX = eventMouseDown.clientX,
  298. mouseDownY = eventMouseDown.clientY,
  299. startTime = (new Date()).getTime();
  300. if (tools.uCanDo(setting)) {
  301. doc.bind("mousemove", _docMouseMove);
  302. }
  303. function _docMouseMove(event) {
  304. //avoid start drag after click node
  305. if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize
  306. && Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) {
  307. return true;
  308. }
  309. var i, l, tmpNode, tmpDom, tmpNodes,
  310. childKey = setting.data.key.children;
  311. tools.noSel(setting);
  312. $("body").css("cursor", "pointer");
  313. if (root.dragFlag == 0) {
  314. if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) {
  315. _docMouseUp(event);
  316. return true;
  317. }
  318. for (i=0, l=nodes.length; i<l; i++) {
  319. if (i==0) {
  320. root.dragNodeShowBefore = [];
  321. }
  322. tmpNode = nodes[i];
  323. if (tmpNode.isParent && tmpNode.open) {
  324. view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
  325. root.dragNodeShowBefore[tmpNode.tId] = true;
  326. } else {
  327. root.dragNodeShowBefore[tmpNode.tId] = false;
  328. }
  329. }
  330. root.dragFlag = 1;
  331. root.showHoverDom = false;
  332. tools.showIfameMask(setting, true);
  333. //sort
  334. var isOrder = true, lastIndex = -1;
  335. if (nodes.length>1) {
  336. var pNodes = nodes[0].parentTId ? nodes[0].getParentNode()[childKey] : data.getNodes(setting);
  337. tmpNodes = [];
  338. for (i=0, l=pNodes.length; i<l; i++) {
  339. if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) {
  340. if (isOrder && lastIndex > -1 && (lastIndex+1) !== i) {
  341. isOrder = false;
  342. }
  343. tmpNodes.push(pNodes[i]);
  344. lastIndex = i;
  345. }
  346. if (nodes.length === tmpNodes.length) {
  347. nodes = tmpNodes;
  348. break;
  349. }
  350. }
  351. }
  352. if (isOrder) {
  353. preNode = nodes[0].getPreNode();
  354. nextNode = nodes[nodes.length-1].getNextNode();
  355. }
  356. //set node in selected
  357. curNode = $("<ul class='zTreeDragUL'></ul>");
  358. for (i=0, l=nodes.length; i<l; i++) {
  359. tmpNode = nodes[i];
  360. tmpNode.editNameFlag = false;
  361. view.selectNode(setting, tmpNode, i>0);
  362. view.removeTreeDom(setting, tmpNode);
  363. tmpDom = $("<li id='"+ tmpNode.tId +"_tmp'></li>");
  364. tmpDom.append($("#" + tmpNode.tId + consts.id.A).clone());
  365. tmpDom.css("padding", "0");
  366. tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED);
  367. curNode.append(tmpDom);
  368. if (i == setting.edit.drag.maxShowNodeNum-1) {
  369. tmpDom = $("<li id='"+ tmpNode.tId +"_moretmp'><a> ... </a></li>");
  370. curNode.append(tmpDom);
  371. break;
  372. }
  373. }
  374. curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp");
  375. curNode.addClass(setting.treeObj.attr("class"));
  376. curNode.appendTo("body");
  377. tmpArrow = $("<span class='tmpzTreeMove_arrow'></span>");
  378. tmpArrow.attr("id", "zTreeMove_arrow_tmp");
  379. tmpArrow.appendTo("body");
  380. setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]);
  381. }
  382. if (root.dragFlag == 1) {
  383. if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft()+2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) {
  384. var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget);
  385. event.target = (xT.length > 0) ? xT.get(0) : event.target;
  386. } else if (tmpTarget) {
  387. tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
  388. if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
  389. .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
  390. }
  391. tmpTarget = null;
  392. tmpTargetNodeId = null;
  393. //judge drag & drop in multi ztree
  394. isOtherTree = false;
  395. targetSetting = setting;
  396. var settings = data.getSettings();
  397. for (var s in settings) {
  398. if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId
  399. && (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length>0)) {
  400. isOtherTree = true;
  401. targetSetting = settings[s];
  402. }
  403. }
  404. var docScrollTop = doc.scrollTop(),
  405. docScrollLeft = doc.scrollLeft(),
  406. treeOffset = targetSetting.treeObj.offset(),
  407. scrollHeight = targetSetting.treeObj.get(0).scrollHeight,
  408. scrollWidth = targetSetting.treeObj.get(0).scrollWidth,
  409. dTop = (event.clientY + docScrollTop - treeOffset.top),
  410. dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop),
  411. dLeft = (event.clientX + docScrollLeft - treeOffset.left),
  412. dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft),
  413. isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin),
  414. isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin),
  415. isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin),
  416. isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin),
  417. isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin,
  418. isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0),
  419. isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height()+10) >= scrollHeight),
  420. isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0),
  421. isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width()+10) >= scrollWidth);
  422. if (event.target.id && targetSetting.treeObj.find("#" + event.target.id).length > 0) {
  423. //get node <li> dom
  424. var targetObj = event.target;
  425. while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) {
  426. targetObj = targetObj.parentNode;
  427. }
  428. var canMove = true;
  429. //don't move to self or children of self
  430. for (i=0, l=nodes.length; i<l; i++) {
  431. tmpNode = nodes[i];
  432. if (targetObj.id === tmpNode.tId) {
  433. canMove = false;
  434. break;
  435. } else if ($("#" + tmpNode.tId).find("#" + targetObj.id).length > 0) {
  436. canMove = false;
  437. break;
  438. }
  439. }
  440. if (canMove) {
  441. if (event.target.id &&
  442. (event.target.id == (targetObj.id + consts.id.A) || $(event.target).parents("#" + targetObj.id + consts.id.A).length > 0)) {
  443. tmpTarget = $(targetObj);
  444. tmpTargetNodeId = targetObj.id;
  445. }
  446. }
  447. }
  448. //the mouse must be in zTree
  449. tmpNode = nodes[0];
  450. if (isTreeInner && (event.target.id == targetSetting.treeId || $(event.target).parents("#" + targetSetting.treeId).length>0)) {
  451. //judge mouse move in root of ztree
  452. if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) {
  453. tmpTarget = targetSetting.treeObj;
  454. }
  455. //auto scroll top
  456. if (isTop) {
  457. targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()-10);
  458. } else if (isBottom) {
  459. targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()+10);
  460. }
  461. if (isLeft) {
  462. targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()-10);
  463. } else if (isRight) {
  464. targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+10);
  465. }
  466. //auto scroll left
  467. if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) {
  468. targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+ tmpTarget.offset().left - targetSetting.treeObj.offset().left);
  469. }
  470. }
  471. curNode.css({
  472. "top": (event.clientY + docScrollTop + 3) + "px",
  473. "left": (event.clientX + docScrollLeft + 3) + "px"
  474. });
  475. var dX = 0;
  476. var dY = 0;
  477. if (tmpTarget && tmpTarget.attr("id")!=targetSetting.treeId) {
  478. var tmpTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId),
  479. isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy),
  480. isPrev = !!(preNode && tmpTargetNodeId === preNode.tId),
  481. isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId),
  482. isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId),
  483. canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev),
  484. canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next),
  485. canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !tmpTargetNode.isParent) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner);
  486. if (!canPrev && !canNext && !canInner) {
  487. tmpTarget = null;
  488. tmpTargetNodeId = "";
  489. moveType = consts.move.TYPE_INNER;
  490. tmpArrow.css({
  491. "display":"none"
  492. });
  493. if (window.zTreeMoveTimer) {
  494. clearTimeout(window.zTreeMoveTimer);
  495. window.zTreeMoveTargetNodeTId = null
  496. }
  497. } else {
  498. var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget),
  499. tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()),
  500. tmpTop = tmpTargetA.offset().top,
  501. tmpLeft = tmpTargetA.offset().left,
  502. prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1) ) : -1,
  503. nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0) ) : -1,
  504. dY_percent = (event.clientY + docScrollTop - tmpTop)/tmpTargetA.height();
  505. if ((prevPercent==1 ||dY_percent<=prevPercent && dY_percent>=-.2) && canPrev) {
  506. dX = 1 - tmpArrow.width();
  507. dY = tmpTop - tmpArrow.height()/2;
  508. moveType = consts.move.TYPE_PREV;
  509. } else if ((nextPercent==0 || dY_percent>=nextPercent && dY_percent<=1.2) && canNext) {
  510. dX = 1 - tmpArrow.width();
  511. dY = (tmpNextA == null || (tmpTargetNode.isParent && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height()/2) : (tmpNextA.offset().top - tmpArrow.height()/2);
  512. moveType = consts.move.TYPE_NEXT;
  513. }else {
  514. dX = 5 - tmpArrow.width();
  515. dY = tmpTop;
  516. moveType = consts.move.TYPE_INNER;
  517. }
  518. tmpArrow.css({
  519. "display":"block",
  520. "top": dY + "px",
  521. "left": (tmpLeft + dX) + "px"
  522. });
  523. tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType);
  524. if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) {
  525. startTime = (new Date()).getTime();
  526. }
  527. if (tmpTargetNode && tmpTargetNode.isParent && moveType == consts.move.TYPE_INNER) {
  528. var startTimer = true;
  529. if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) {
  530. clearTimeout(window.zTreeMoveTimer);
  531. window.zTreeMoveTargetNodeTId = null;
  532. } else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) {
  533. startTimer = false;
  534. }
  535. if (startTimer) {
  536. window.zTreeMoveTimer = setTimeout(function() {
  537. if (moveType != consts.move.TYPE_INNER) return;
  538. if (tmpTargetNode && tmpTargetNode.isParent && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime
  539. && tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) {
  540. view.switchNode(targetSetting, tmpTargetNode);
  541. if (targetSetting.edit.drag.autoExpandTrigger) {
  542. targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]);
  543. }
  544. }
  545. }, targetSetting.edit.drag.autoOpenTime+50);
  546. window.zTreeMoveTargetNodeTId = tmpTargetNode.tId;
  547. }
  548. }
  549. }
  550. } else {
  551. moveType = consts.move.TYPE_INNER;
  552. if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) {
  553. tmpTarget.addClass(consts.node.TMPTARGET_TREE);
  554. } else {
  555. tmpTarget = null;
  556. }
  557. tmpArrow.css({
  558. "display":"none"
  559. });
  560. if (window.zTreeMoveTimer) {
  561. clearTimeout(window.zTreeMoveTimer);
  562. window.zTreeMoveTargetNodeTId = null;
  563. }
  564. }
  565. preTmpTargetNodeId = tmpTargetNodeId;
  566. preTmpMoveType = moveType;
  567. }
  568. return false;
  569. }
  570. doc.bind("mouseup", _docMouseUp);
  571. function _docMouseUp(event) {
  572. if (window.zTreeMoveTimer) {
  573. clearTimeout(window.zTreeMoveTimer);
  574. window.zTreeMoveTargetNodeTId = null;
  575. }
  576. preTmpTargetNodeId = null;
  577. preTmpMoveType = null;
  578. doc.unbind("mousemove", _docMouseMove);
  579. doc.unbind("mouseup", _docMouseUp);
  580. doc.unbind("selectstart", _docSelect);
  581. $("body").css("cursor", "auto");
  582. if (tmpTarget) {
  583. tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
  584. if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)
  585. .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);
  586. }
  587. tools.showIfameMask(setting, false);
  588. root.showHoverDom = true;
  589. if (root.dragFlag == 0) return;
  590. root.dragFlag = 0;
  591. var i, l, tmpNode;
  592. for (i=0, l=nodes.length; i<l; i++) {
  593. tmpNode = nodes[i];
  594. if (tmpNode.isParent && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) {
  595. view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
  596. delete root.dragNodeShowBefore[tmpNode.tId];
  597. }
  598. }
  599. if (curNode) curNode.remove();
  600. if (tmpArrow) tmpArrow.remove();
  601. var isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy);
  602. if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId==nodes[0].parentTId && moveType == consts.move.TYPE_INNER) {
  603. tmpTarget = null;
  604. }
  605. if (tmpTarget) {
  606. var dragTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId);
  607. if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) return;
  608. var newNodes = isCopy ? tools.clone(nodes) : nodes;
  609. function dropCallback() {
  610. if (isOtherTree) {
  611. if (!isCopy) {
  612. for(var i=0, l=nodes.length; i<l; i++) {
  613. view.removeNode(setting, nodes[i]);
  614. }
  615. }
  616. if (moveType == consts.move.TYPE_INNER) {
  617. view.addNodes(targetSetting, dragTargetNode, newNodes);
  618. } else {
  619. view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
  620. if (moveType == consts.move.TYPE_PREV) {
  621. for (i=0, l=newNodes.length; i<l; i++) {
  622. view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
  623. }
  624. } else {
  625. for (i=-1, l=newNodes.length-1; i<l; l--) {
  626. view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
  627. }
  628. }
  629. }
  630. } else {
  631. if (isCopy && moveType == consts.move.TYPE_INNER) {
  632. view.addNodes(targetSetting, dragTargetNode, newNodes);
  633. } else {
  634. if (isCopy) {
  635. view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);
  636. }
  637. if (moveType == consts.move.TYPE_PREV) {
  638. for (i=0, l=newNodes.length; i<l; i++) {
  639. view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);
  640. }
  641. } else {
  642. for (i=-1, l=newNodes.length-1; i<l; l--) {
  643. view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);
  644. }
  645. }
  646. }
  647. }
  648. for (i=0, l=newNodes.length; i<l; i++) {
  649. view.selectNode(targetSetting, newNodes[i], i>0);
  650. }
  651. $("#" + newNodes[0].tId).focus().blur();
  652. }
  653. if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) {
  654. view.asyncNode(targetSetting, dragTargetNode, false, dropCallback);
  655. } else {
  656. dropCallback();
  657. }
  658. setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]);
  659. } else {
  660. for (i=0, l=nodes.length; i<l; i++) {
  661. view.selectNode(targetSetting, nodes[i], i>0);
  662. }
  663. setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]);
  664. }
  665. }
  666. doc.bind("selectstart", _docSelect);
  667. function _docSelect() {
  668. return false;
  669. }
  670. //Avoid FireFox's Bug
  671. //If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error.
  672. if(eventMouseDown.preventDefault) {
  673. eventMouseDown.preventDefault();
  674. }
  675. return true;
  676. }
  677. },
  678. //method of tools for zTree
  679. _tools = {
  680. getAbs: function (obj) {
  681. var oRect = obj.getBoundingClientRect();
  682. return [oRect.left,oRect.top]
  683. },
  684. inputFocus: function(inputObj) {
  685. if (inputObj.get(0)) {
  686. inputObj.focus();
  687. tools.setCursorPosition(inputObj.get(0), inputObj.val().length);
  688. }
  689. },
  690. inputSelect: function(inputObj) {
  691. if (inputObj.get(0)) {
  692. inputObj.focus();
  693. inputObj.select();
  694. }
  695. },
  696. setCursorPosition: function(obj, pos){
  697. if(obj.setSelectionRange) {
  698. obj.focus();
  699. obj.setSelectionRange(pos,pos);
  700. } else if (obj.createTextRange) {
  701. var range = obj.createTextRange();
  702. range.collapse(true);
  703. range.moveEnd('character', pos);
  704. range.moveStart('character', pos);
  705. range.select();
  706. }
  707. },
  708. showIfameMask: function(setting, showSign) {
  709. var root = data.getRoot(setting);
  710. //clear full mask
  711. while (root.dragMaskList.length > 0) {
  712. root.dragMaskList[0].remove();
  713. root.dragMaskList.shift();
  714. }
  715. if (showSign) {
  716. //show mask
  717. var iframeList = $("iframe");
  718. for (var i = 0, l = iframeList.length; i < l; i++) {
  719. var obj = iframeList.get(i),
  720. r = tools.getAbs(obj),
  721. dragMask = $("<div id='zTreeMask_" + i + "' class='zTreeMask' style='top:" + r[1] + "px; left:" + r[0] + "px; width:" + obj.offsetWidth + "px; height:" + obj.offsetHeight + "px;'></div>");
  722. dragMask.appendTo("body");
  723. root.dragMaskList.push(dragMask);
  724. }
  725. }
  726. }
  727. },
  728. //method of operate ztree dom
  729. _view = {
  730. addEditBtn: function(setting, node) {
  731. if (node.editNameFlag || $("#" + node.tId + consts.id.EDIT).length > 0) {
  732. return;
  733. }
  734. if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) {
  735. return;
  736. }
  737. var aObj = $("#" + node.tId + consts.id.A),
  738. editStr = "<span class='button edit' id='" + node.tId + consts.id.EDIT + "' title='"+tools.apply(setting.edit.renameTitle, [setting.treeId, node], setting.edit.renameTitle)+"' treeNode"+consts.id.EDIT+" style='display:none;'></span>";
  739. aObj.append(editStr);
  740. $("#" + node.tId + consts.id.EDIT).bind('click',
  741. function() {
  742. if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false;
  743. view.editNode(setting, node);
  744. return false;
  745. }
  746. ).show();
  747. },
  748. addRemoveBtn: function(setting, node) {
  749. if (node.editNameFlag || $("#" + node.tId + consts.id.REMOVE).length > 0) {
  750. return;
  751. }
  752. if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) {
  753. return;
  754. }
  755. var aObj = $("#" + node.tId + consts.id.A),
  756. removeStr = "<span class='button remove' id='" + node.tId + consts.id.REMOVE + "' title='"+tools.apply(setting.edit.removeTitle, [setting.treeId, node], setting.edit.removeTitle)+"' treeNode"+consts.id.REMOVE+" style='display:none;'></span>";
  757. aObj.append(removeStr);
  758. $("#" + node.tId + consts.id.REMOVE).bind('click',
  759. function() {
  760. if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false;
  761. view.removeNode(setting, node);
  762. setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
  763. return false;
  764. }
  765. ).bind('mousedown',
  766. function(eventMouseDown) {
  767. return true;
  768. }
  769. ).show();
  770. },
  771. addHoverDom: function(setting, node) {
  772. if (data.getRoot(setting).showHoverDom) {
  773. node.isHover = true;
  774. if (setting.edit.enable) {
  775. view.addEditBtn(setting, node);
  776. view.addRemoveBtn(setting, node);
  777. }
  778. tools.apply(setting.view.addHoverDom, [setting.treeId, node]);
  779. }
  780. },
  781. cancelCurEditNode: function (setting, forceName) {
  782. var root = data.getRoot(setting),
  783. nameKey = setting.data.key.name,
  784. node = root.curEditNode;
  785. if (node) {
  786. var inputObj = root.curEditInput;
  787. var newName = forceName ? forceName:inputObj.val();
  788. if (!forceName && tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName], true) === false) {
  789. node.editNameFlag = true;
  790. return false;
  791. } else {
  792. node[nameKey] = newName ? newName:inputObj.val();
  793. if (!forceName) {
  794. setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node]);
  795. }
  796. }
  797. var aObj = $("#" + node.tId + consts.id.A);
  798. aObj.removeClass(consts.node.CURSELECTED_EDIT);
  799. inputObj.unbind();
  800. view.setNodeName(setting, node);
  801. node.editNameFlag = false;
  802. root.curEditNode = null;
  803. root.curEditInput = null;
  804. view.selectNode(setting, node, false);
  805. }
  806. root.noSelection = true;
  807. return true;
  808. },
  809. editNode: function(setting, node) {
  810. var root = data.getRoot(setting);
  811. view.editNodeBlur = false;
  812. if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
  813. setTimeout(function() {tools.inputFocus(root.curEditInput);}, 0);
  814. return;
  815. }
  816. var nameKey = setting.data.key.name;
  817. node.editNameFlag = true;
  818. view.removeTreeDom(setting, node);
  819. view.cancelCurEditNode(setting);
  820. view.selectNode(setting, node, false);
  821. $("#" + node.tId + consts.id.SPAN).html("<input type=text class='rename' id='" + node.tId + consts.id.INPUT + "' treeNode" + consts.id.INPUT + " >");
  822. var inputObj = $("#" + node.tId + consts.id.INPUT);
  823. inputObj.attr("value", node[nameKey]);
  824. if (setting.edit.editNameSelectAll) {
  825. tools.inputSelect(inputObj);
  826. } else {
  827. tools.inputFocus(inputObj);
  828. }
  829. inputObj.bind('blur', function(event) {
  830. if (!view.editNodeBlur) {
  831. view.cancelCurEditNode(setting);
  832. }
  833. }).bind('keydown', function(event) {
  834. if (event.keyCode=="13") {
  835. view.editNodeBlur = true;
  836. view.cancelCurEditNode(setting, null, true);
  837. } else if (event.keyCode=="27") {
  838. view.cancelCurEditNode(setting, node[nameKey]);
  839. }
  840. }).bind('click', function(event) {
  841. return false;
  842. }).bind('dblclick', function(event) {
  843. return false;
  844. });
  845. $("#" + node.tId + consts.id.A).addClass(consts.node.CURSELECTED_EDIT);
  846. root.curEditInput = inputObj;
  847. root.noSelection = false;
  848. root.curEditNode = node;
  849. },
  850. moveNode: function(setting, targetNode, node, moveType, animateFlag, isSilent) {
  851. var root = data.getRoot(setting),
  852. childKey = setting.data.key.children;
  853. if (targetNode == node) return;
  854. if (setting.data.keep.leaf && targetNode && !targetNode.isParent && moveType == consts.move.TYPE_INNER) return;
  855. var oldParentNode = (node.parentTId ? node.getParentNode(): root),
  856. targetNodeIsRoot = (targetNode === null || targetNode == root);
  857. if (targetNodeIsRoot && targetNode === null) targetNode = root;
  858. if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER;
  859. var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root);
  860. if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) {
  861. moveType = consts.move.TYPE_INNER;
  862. }
  863. if (moveType == consts.move.TYPE_INNER) {
  864. if (targetNodeIsRoot) {
  865. //parentTId of root node is null
  866. node.parentTId = null;
  867. } else {
  868. if (!targetNode.isParent) {
  869. targetNode.isParent = true;
  870. targetNode.open = !!targetNode.open;
  871. view.setNodeLineIcos(setting, targetNode);
  872. }
  873. node.parentTId = targetNode.tId;
  874. }
  875. }
  876. //move node Dom
  877. var targetObj, target_ulObj;
  878. if (targetNodeIsRoot) {
  879. targetObj = setting.treeObj;
  880. target_ulObj = targetObj;
  881. } else {
  882. if (!isSilent && moveType == consts.move.TYPE_INNER) {
  883. view.expandCollapseNode(setting, targetNode, true, false);
  884. } else if (!isSilent) {
  885. view.expandCollapseNode(setting, targetNode.getParentNode(), true, false);
  886. }
  887. targetObj = $("#" + targetNode.tId);
  888. target_ulObj = $("#" + targetNode.tId + consts.id.UL);
  889. if (!!targetObj.get(0) && !target_ulObj.get(0)) {
  890. var ulstr = [];
  891. view.makeUlHtml(setting, targetNode, ulstr, '');
  892. targetObj.append(ulstr.join(''));
  893. }
  894. target_ulObj = $("#" + targetNode.tId + consts.id.UL);
  895. }
  896. var nodeDom = $("#" + node.tId);
  897. if (!nodeDom.get(0)) {
  898. nodeDom = view.appendNodes(setting, node.level, [node], null, false, true).join('');
  899. } else if (!targetObj.get(0)) {
  900. nodeDom.remove();
  901. }
  902. if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) {
  903. target_ulObj.append(nodeDom);
  904. } else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) {
  905. targetObj.before(nodeDom);
  906. } else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) {
  907. targetObj.after(nodeDom);
  908. }
  909. //repair the data after move
  910. var i,l,
  911. tmpSrcIndex = -1,
  912. tmpTargetIndex = 0,
  913. oldNeighbor = null,
  914. newNeighbor = null,
  915. oldLevel = node.level;
  916. if (node.isFirstNode) {
  917. tmpSrcIndex = 0;
  918. if (oldParentNode[childKey].length > 1 ) {
  919. oldNeighbor = oldParentNode[childKey][1];
  920. oldNeighbor.isFirstNode = true;
  921. }
  922. } else if (node.isLastNode) {
  923. tmpSrcIndex = oldParentNode[childKey].length -1;
  924. oldNeighbor = oldParentNode[childKey][tmpSrcIndex - 1];
  925. oldNeighbor.isLastNode = true;
  926. } else {
  927. for (i = 0, l = oldParentNode[childKey].length; i < l; i++) {
  928. if (oldParentNode[childKey][i].tId == node.tId) {
  929. tmpSrcIndex = i;
  930. break;
  931. }
  932. }
  933. }
  934. if (tmpSrcIndex >= 0) {
  935. oldParentNode[childKey].splice(tmpSrcIndex, 1);
  936. }
  937. if (moveType != consts.move.TYPE_INNER) {
  938. for (i = 0, l = targetParentNode[childKey].length; i < l; i++) {
  939. if (targetParentNode[childKey][i].tId == targetNode.tId) tmpTargetIndex = i;
  940. }
  941. }
  942. if (moveType == consts.move.TYPE_INNER) {
  943. if (!targetNode[childKey]) targetNode[childKey] = new Array();
  944. if (targetNode[childKey].length > 0) {
  945. newNeighbor = targetNode[childKey][targetNode[childKey].length - 1];
  946. newNeighbor.isLastNode = false;
  947. }
  948. targetNode[childKey].splice(targetNode[childKey].length, 0, node);
  949. node.isLastNode = true;
  950. node.isFirstNode = (targetNode[childKey].length == 1);
  951. } else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) {
  952. targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
  953. newNeighbor = targetNode;
  954. newNeighbor.isFirstNode = false;
  955. node.parentTId = targetNode.parentTId;
  956. node.isFirstNode = true;
  957. node.isLastNode = false;
  958. } else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) {
  959. targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
  960. newNeighbor = targetNode;
  961. newNeighbor.isLastNode = false;
  962. node.parentTId = targetNode.parentTId;
  963. node.isFirstNode = false;
  964. node.isLastNode = true;
  965. } else {
  966. if (moveType == consts.move.TYPE_PREV) {
  967. targetParentNode[childKey].splice(tmpTargetIndex, 0, node);
  968. } else {
  969. targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);
  970. }
  971. node.parentTId = targetNode.parentTId;
  972. node.isFirstNode = false;
  973. node.isLastNode = false;
  974. }
  975. data.fixPIdKeyValue(setting, node);
  976. data.setSonNodeLevel(setting, node.getParentNode(), node);
  977. //repair node what been moved
  978. view.setNodeLineIcos(setting, node);
  979. view.repairNodeLevelClass(setting, node, oldLevel)
  980. //repair node's old parentNode dom
  981. if (!setting.data.keep.parent && oldParentNode[childKey].length < 1) {
  982. //old parentNode has no child nodes
  983. oldParentNode.isParent = false;
  984. oldParentNode.open = false;
  985. var tmp_ulObj = $("#" + oldParentNode.tId + consts.id.UL),
  986. tmp_switchObj = $("#" + oldParentNode.tId + consts.id.SWITCH),
  987. tmp_icoObj = $("#" + oldParentNode.tId + consts.id.ICON);
  988. view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU);
  989. view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU);
  990. tmp_ulObj.css("display", "none");
  991. } else if (oldNeighbor) {
  992. //old neigbor node
  993. view.setNodeLineIcos(setting, oldNeighbor);
  994. }
  995. //new neigbor node
  996. if (newNeighbor) {
  997. view.setNodeLineIcos(setting, newNeighbor);
  998. }
  999. //repair checkbox / radio
  1000. if (!!setting.check && setting.check.enable && view.repairChkClass) {
  1001. view.repairChkClass(setting, oldParentNode);
  1002. view.repairParentChkClassWithSelf(setting, oldParentNode);
  1003. if (oldParentNode != node.parent)
  1004. view.repairParentChkClassWithSelf(setting, node);
  1005. }
  1006. //expand parents after move
  1007. if (!isSilent) {
  1008. view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag);
  1009. }
  1010. },
  1011. removeEditBtn: function(node) {
  1012. $("#" + node.tId + consts.id.EDIT).unbind().remove();
  1013. },
  1014. removeRemoveBtn: function(node) {
  1015. $("#" + node.tId + consts.id.REMOVE).unbind().remove();
  1016. },
  1017. removeTreeDom: function(setting, node) {
  1018. node.isHover = false;
  1019. view.removeEditBtn(node);
  1020. view.removeRemoveBtn(node);
  1021. tools.apply(setting.view.removeHoverDom, [setting.treeId, node]);
  1022. },
  1023. repairNodeLevelClass: function(setting, node, oldLevel) {
  1024. if (oldLevel === node.level) return;
  1025. var liObj = $("#" + node.tId),
  1026. aObj = $("#" + node.tId + consts.id.A),
  1027. ulObj = $("#" + node.tId + consts.id.UL),
  1028. oldClass = "level" + oldLevel,
  1029. newClass = "level" + node.level;
  1030. liObj.removeClass(oldClass);
  1031. liObj.addClass(newClass);
  1032. aObj.removeClass(oldClass);
  1033. aObj.addClass(newClass);
  1034. ulObj.removeClass(oldClass);
  1035. ulObj.addClass(newClass);
  1036. }
  1037. },
  1038. _z = {
  1039. tools: _tools,
  1040. view: _view,
  1041. event: _event,
  1042. data: _data
  1043. };
  1044. $.extend(true, $.fn.zTree.consts, _consts);
  1045. $.extend(true, $.fn.zTree._z, _z);
  1046. var zt = $.fn.zTree,
  1047. tools = zt._z.tools,
  1048. consts = zt.consts,
  1049. view = zt._z.view,
  1050. data = zt._z.data,
  1051. event = zt._z.event;
  1052. data.exSetting(_setting);
  1053. data.addInitBind(_bindEvent);
  1054. data.addInitCache(_initCache);
  1055. data.addInitNode(_initNode);
  1056. data.addInitProxy(_eventProxy);
  1057. data.addInitRoot(_initRoot);
  1058. data.addZTreeTools(_zTreeTools);
  1059. var _cancelPreSelectedNode = view.cancelPreSelectedNode;
  1060. view.cancelPreSelectedNode = function (setting, node) {
  1061. var list = data.getRoot(setting).curSelectedList;
  1062. for (var i=0, j=list.length; i<j; i++) {
  1063. if (!node || node === list[i]) {
  1064. view.removeTreeDom(setting, list[i]);
  1065. if (node) break;
  1066. }
  1067. }
  1068. if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments);
  1069. }
  1070. var _createNodes = view.createNodes;
  1071. view.createNodes = function(setting, level, nodes, parentNode) {
  1072. if (_createNodes) {
  1073. _createNodes.apply(view, arguments);
  1074. }
  1075. if (!nodes) return;
  1076. if (view.repairParentChkClassWithSelf) {
  1077. view.repairParentChkClassWithSelf(setting, parentNode);
  1078. }
  1079. }
  1080. view.makeNodeUrl = function(setting, node) {
  1081. return (node.url && !setting.edit.enable) ? node.url : null;
  1082. }
  1083. var _removeNode = view.removeNode;
  1084. view.removeNode = function(setting, node) {
  1085. var root = data.getRoot(setting);
  1086. if (root.curEditNode === node) root.curEditNode = null;
  1087. if (_removeNode) {
  1088. _removeNode.apply(view, arguments);
  1089. }
  1090. }
  1091. var _selectNode = view.selectNode;
  1092. view.selectNode = function(setting, node, addFlag) {
  1093. var root = data.getRoot(setting);
  1094. if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {
  1095. return false;
  1096. }
  1097. if (_selectNode) _selectNode.apply(view, arguments);
  1098. view.addHoverDom(setting, node);
  1099. return true;
  1100. }
  1101. var _uCanDo = tools.uCanDo;
  1102. tools.uCanDo = function(setting, e) {
  1103. var root = data.getRoot(setting);
  1104. if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) {
  1105. return true;
  1106. }
  1107. return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true);
  1108. }
  1109. })(jQuery);