jquery.ztree.exedit.js 49 KB

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