JQuery zTree exedit

/*  * JQuery zTree exedit 3.5.13  * http://zTree.me/  *  * Copyright (c) 2010 Hunter.z  *  * Licensed same as jquery - MIT License  * http://www.opensource.org/licenses/mit-license.php  *  * email: hunter.z@263.net  * Date: 2013-06-02  */ (function($){     //default consts of exedit     var _consts = {         event: {             DRAG: "ztree_drag",             DROP: "ztree_drop",             REMOVE: "ztree_remove",             RENAME: "ztree_rename"         },         id: {             EDIT: "_edit",             INPUT: "_input",             REMOVE: "_remove"         },         move: {             TYPE_INNER: "inner",             TYPE_PREV: "prev",             TYPE_NEXT: "next"         },         node: {             CURSELECTED_EDIT: "curSelectedNode_Edit",             TMPTARGET_TREE: "tmpTargetzTree",             TMPTARGET_NODE: "tmpTargetNode"         }     },     //default setting of exedit     _setting = {         edit: {             enable: false,             editNameSelectAll: false,             showRemoveBtn: true,             showRenameBtn: true,             removeTitle: "remove",             renameTitle: "rename",             drag: {                 autoExpandTrigger: false,                 isCopy: true,                 isMove: true,                 prev: true,                 next: true,                 inner: true,                 minMoveSize: 5,                 borderMax: 10,                 borderMin: -5,                 maxShowNodeNum: 5,                 autoOpenTime: 500             }         },         view: {             addHoverDom: null,             removeHoverDom: null         },         callback: {             beforeDrag:null,             beforeDragOpen:null,             beforeDrop:null,             beforeEditName:null,             beforeRename:null,             onDrag:null,             onDrop:null,             onRename:null         }     },     //default root of exedit     _initRoot = function (setting) {         var r = data.getRoot(setting), rs = data.getRoots();         r.curEditNode = null;         r.curEditInput = null;         r.curHoverNode = null;         r.dragFlag = 0;         r.dragNodeShowBefore = [];         r.dragMaskList = new Array();         rs.showHoverDom = true;     },     //default cache of exedit     _initCache = function(treeId) {},     //default bind event of exedit     _bindEvent = function(setting) {         var o = setting.treeObj;         var c = consts.event;         o.bind(c.RENAME, function (event, treeId, treeNode, isCancel) {             tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]);         });         o.bind(c.REMOVE, function (event, treeId, treeNode) {             tools.apply(setting.callback.onRemove, [event, treeId, treeNode]);         });         o.bind(c.DRAG, function (event, srcEvent, treeId, treeNodes) {             tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]);         });         o.bind(c.DROP, function (event, srcEvent, treeId, treeNodes, targetNode, moveType, isCopy) {             tools.apply(setting.callback.onDrop, [srcEvent, treeId, treeNodes, targetNode, moveType, isCopy]);         });     },     _unbindEvent = function(setting) {         var o = setting.treeObj;         var c = consts.event;         o.unbind(c.RENAME);         o.unbind(c.REMOVE);         o.unbind(c.DRAG);         o.unbind(c.DROP);     },     //default event proxy of exedit     _eventProxy = function(e) {         var target = e.target,         setting = data.getSetting(e.data.treeId),         relatedTarget = e.relatedTarget,         tId = "", node = null,         nodeEventType = "", treeEventType = "",         nodeEventCallback = null, treeEventCallback = null,         tmp = null;         if (tools.eqs(e.type, "mouseover")) {             tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);             if (tmp) {                 tId = tools.getNodeMainDom(tmp).id;                 nodeEventType = "hoverOverNode";             }         } else if (tools.eqs(e.type, "mouseout")) {             tmp = tools.getMDom(setting, relatedTarget, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);             if (!tmp) {                 tId = "remove";                 nodeEventType = "hoverOutNode";             }         } else if (tools.eqs(e.type, "mousedown")) {             tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);             if (tmp) {                 tId = tools.getNodeMainDom(tmp).id;                 nodeEventType = "mousedownNode";             }         }         if (tId.length>0) {             node = data.getNodeCache(setting, tId);             switch (nodeEventType) {                 case "mousedownNode" :                     nodeEventCallback = _handler.onMousedownNode;                     break;                 case "hoverOverNode" :                     nodeEventCallback = _handler.onHoverOverNode;                     break;                 case "hoverOutNode" :                     nodeEventCallback = _handler.onHoverOutNode;                     break;             }         }         var proxyResult = {             stop: false,             node: node,             nodeEventType: nodeEventType,             nodeEventCallback: nodeEventCallback,             treeEventType: treeEventType,             treeEventCallback: treeEventCallback         };         return proxyResult     },     //default init node of exedit     _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {         if (!n) return;         n.isHover = false;         n.editNameFlag = false;     },     //update zTreeObj, add method of edit     _zTreeTools = function(setting, zTreeTools) {         zTreeTools.cancelEditName = function(newName) {             var root = data.getRoot(setting),             nameKey = setting.data.key.name,             node = root.curEditNode;             if (!root.curEditNode) return;             view.cancelCurEditNode(setting, newName?newName:node[nameKey]);         }         zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) {             if (!node) return null;             if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null;             var newNode = tools.clone(node);             if (!targetNode) {                 targetNode = null;                 moveType = consts.move.TYPE_INNER;             }             if (moveType == consts.move.TYPE_INNER) {                 function copyCallback() {                     view.addNodes(setting, targetNode, [newNode], isSilent);                 }                 if (tools.canAsync(setting, targetNode)) {                     view.asyncNode(setting, targetNode, isSilent, copyCallback);                 } else {                     copyCallback();                 }             } else {                 view.addNodes(setting, targetNode.parentNode, [newNode], isSilent);                 view.moveNode(setting, targetNode, newNode, moveType, false, isSilent);             }             return newNode;         }         zTreeTools.editName = function(node) {             if (!node || !node.tId || node !== data.getNodeCache(setting, node.tId)) return;             if (node.parentTId) view.expandCollapseParentNode(setting, node.getParentNode(), true);             view.editNode(setting, node)         }         zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) {             if (!node) return node;             if (targetNode && !targetNode.isParent && setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) {                 return null;             } else if (targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, setting).find("#" + targetNode.tId).length > 0)) {                 return null;             } else if (!targetNode) {                 targetNode = null;             }             function moveCallback() {                 view.moveNode(setting, targetNode, node, moveType, false, isSilent);             }             if (tools.canAsync(setting, targetNode) && moveType === consts.move.TYPE_INNER) {                 view.asyncNode(setting, targetNode, isSilent, moveCallback);             } else {                 moveCallback();             }             return node;         }         zTreeTools.setEditable = function(editable) {             setting.edit.enable = editable;             return this.refresh();         }     },     //method of operate data     _data = {         setSonNodeLevel: function(setting, parentNode, node) {             if (!node) return;             var childKey = setting.data.key.children;             node.level = (parentNode)? parentNode.level + 1 : 0;             if (!node[childKey]) return;             for (var i = 0, l = node[childKey].length; i < l; i++) {                 if (node[childKey][i]) data.setSonNodeLevel(setting, node, node[childKey][i]);             }         }     },     //method of event proxy     _event = {     },     //method of event handler     _handler = {         onHoverOverNode: function(event, node) {             var setting = data.getSetting(event.data.treeId),             root = data.getRoot(setting);             if (root.curHoverNode != node) {                 _handler.onHoverOutNode(event);             }             root.curHoverNode = node;             view.addHoverDom(setting, node);         },         onHoverOutNode: function(event, node) {             var setting = data.getSetting(event.data.treeId),             root = data.getRoot(setting);             if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) {                 view.removeTreeDom(setting, root.curHoverNode);                 root.curHoverNode = null;             }         },         onMousedownNode: function(eventMouseDown, _node) {             var i,l,             setting = data.getSetting(eventMouseDown.data.treeId),             root = data.getRoot(setting), roots = data.getRoots();             //right click can't drag & drop             if (eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove)) return true;             //input of edit node name can't drag & drop             var target = eventMouseDown.target,             _nodes = data.getRoot(setting).curSelectedList,             nodes = [];             if (!data.isSelectedNode(setting, _node)) {                 nodes = [_node];             } else {                 for (i=0, l=_nodes.length; i<l; i++) {                     if (_nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode"+consts.id.INPUT) !== null) {                         return true;                     }                     nodes.push(_nodes[i]);                     if (nodes[0].parentTId !== _nodes[i].parentTId) {                         nodes = [_node];                         break;                     }                 }             }             view.editNodeBlur = true;             view.cancelCurEditNode(setting);             var doc = $(setting.treeObj.get(0).ownerDocument),             body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget,             isOtherTree = false,             targetSetting = setting,             sourceSetting = setting,             preNode, nextNode,             preTmpTargetNodeId = null,             preTmpMoveType = null,             tmpTargetNodeId = null,             moveType = consts.move.TYPE_INNER,             mouseDownX = eventMouseDown.clientX,             mouseDownY = eventMouseDown.clientY,             startTime = (new Date()).getTime();             if (tools.uCanDo(setting)) {                 doc.bind("mousemove", _docMouseMove);             }             function _docMouseMove(event) {                 //avoid start drag after click node                 if (root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize                     && Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize) {                     return true;                 }                 var i, l, tmpNode, tmpDom, tmpNodes,                 childKey = setting.data.key.children;                 body.css("cursor", "pointer");                 if (root.dragFlag == 0) {                     if (tools.apply(setting.callback.beforeDrag, [setting.treeId, nodes], true) == false) {                         _docMouseUp(event);                         return true;                     }                     for (i=0, l=nodes.length; i<l; i++) {                         if (i==0) {                             root.dragNodeShowBefore = [];                         }                         tmpNode = nodes[i];                         if (tmpNode.isParent && tmpNode.open) {                             view.expandCollapseNode(setting, tmpNode, !tmpNode.open);                             root.dragNodeShowBefore[tmpNode.tId] = true;                         } else {                             root.dragNodeShowBefore[tmpNode.tId] = false;                         }                     }                     root.dragFlag = 1;                     roots.showHoverDom = false;                     tools.showIfameMask(setting, true);                     //sort                     var isOrder = true, lastIndex = -1;                     if (nodes.length>1) {                         var pNodes = nodes[0].parentTId ? nodes[0].getParentNode()[childKey] : data.getNodes(setting);                         tmpNodes = [];                         for (i=0, l=pNodes.length; i<l; i++) {                             if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) {                                 if (isOrder && lastIndex > -1 && (lastIndex+1) !== i) {                                     isOrder = false;                                 }                                 tmpNodes.push(pNodes[i]);                                 lastIndex = i;                             }                             if (nodes.length === tmpNodes.length) {                                 nodes = tmpNodes;                                 break;                             }                         }                     }                     if (isOrder) {                         preNode = nodes[0].getPreNode();                         nextNode = nodes[nodes.length-1].getNextNode();                     }                     //set node in selected                     curNode = $$("<ul class='zTreeDragUL'></ul>", setting);                     for (i=0, l=nodes.length; i<l; i++) {                         tmpNode = nodes[i];                         tmpNode.editNameFlag = false;                         view.selectNode(setting, tmpNode, i>0);                         view.removeTreeDom(setting, tmpNode);                         tmpDom = $$("<li id='"+ tmpNode.tId +"_tmp'></li>", setting);                         tmpDom.append($$(tmpNode, consts.id.A, setting).clone());                         tmpDom.css("padding", "0");                         tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED);                         curNode.append(tmpDom);                         if (i == setting.edit.drag.maxShowNodeNum-1) {                             tmpDom = $$("<li id='"+ tmpNode.tId +"_moretmp'><a>  ...  </a></li>", setting);                             curNode.append(tmpDom);                             break;                         }                     }                     curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp");                     curNode.addClass(setting.treeObj.attr("class"));                     curNode.appendTo(body);                     tmpArrow = $$("<span class='tmpzTreeMove_arrow'></span>", setting);                     tmpArrow.attr("id", "zTreeMove_arrow_tmp");                     tmpArrow.appendTo(body);                     setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]);                 }                 if (root.dragFlag == 1) {                     if (tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && (event.clientX + doc.scrollLeft()+2) > ($("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left)) {                         var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget);                         event.target = (xT.length > 0) ? xT.get(0) : event.target;                     } else if (tmpTarget) {                         tmpTarget.removeClass(consts.node.TMPTARGET_TREE);                         if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)                             .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);                     }                     tmpTarget = null;                     tmpTargetNodeId = null;                     //judge drag & drop in multi ztree                     isOtherTree = false;                     targetSetting = setting;                     var settings = data.getSettings();                     for (var s in settings) {                         if (settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId                             && (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length>0)) {                             isOtherTree = true;                             targetSetting = settings[s];                         }                     }                     var docScrollTop = doc.scrollTop(),                     docScrollLeft = doc.scrollLeft(),                     treeOffset = targetSetting.treeObj.offset(),                     scrollHeight = targetSetting.treeObj.get(0).scrollHeight,                     scrollWidth = targetSetting.treeObj.get(0).scrollWidth,                     dTop = (event.clientY + docScrollTop - treeOffset.top),                     dBottom = (targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop),                     dLeft = (event.clientX + docScrollLeft - treeOffset.left),                     dRight = (targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft),                     isTop = (dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin),                     isBottom = (dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin),                     isLeft = (dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin),                     isRight = (dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin),                     isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin,                     isTreeTop = (isTop && targetSetting.treeObj.scrollTop() <= 0),                     isTreeBottom = (isBottom && (targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height()+10) >= scrollHeight),                     isTreeLeft = (isLeft && targetSetting.treeObj.scrollLeft() <= 0),                     isTreeRight = (isRight && (targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width()+10) >= scrollWidth);                     if (event.target.id && targetSetting.treeObj.find("#" + event.target.id).length > 0) {                         //get node <li> dom                         var targetObj = event.target;                         while (targetObj && targetObj.tagName && !tools.eqs(targetObj.tagName, "li") && targetObj.id != targetSetting.treeId) {                             targetObj = targetObj.parentNode;                         }                         var canMove = true;                         //don't move to self or children of self                         for (i=0, l=nodes.length; i<l; i++) {                             tmpNode = nodes[i];                             if (targetObj.id === tmpNode.tId) {                                 canMove = false;                                 break;                             } else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) {                                 canMove = false;                                 break;                             }                         }                         if (canMove) {                             if (event.target.id &&                                 (event.target.id == (targetObj.id + consts.id.A) || $(event.target).parents("#" + targetObj.id + consts.id.A).length > 0)) {                                 tmpTarget = $(targetObj);                                 tmpTargetNodeId = targetObj.id;                             }                         }                     }                     //the mouse must be in zTree                     tmpNode = nodes[0];                     if (isTreeInner && (event.target.id == targetSetting.treeId || $(event.target).parents("#" + targetSetting.treeId).length>0)) {                         //judge mouse move in root of ztree                         if (!tmpTarget && (event.target.id == targetSetting.treeId || isTreeTop || isTreeBottom || isTreeLeft || isTreeRight) && (isOtherTree || (!isOtherTree && tmpNode.parentTId))) {                             tmpTarget = targetSetting.treeObj;                         }                         //auto scroll top                         if (isTop) {                             targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()-10);                         } else if (isBottom)  {                             targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop()+10);                         }                         if (isLeft) {                             targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()-10);                         } else if (isRight) {                             targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+10);                         }                         //auto scroll left                         if (tmpTarget && tmpTarget != targetSetting.treeObj && tmpTarget.offset().left < targetSetting.treeObj.offset().left) {                             targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft()+ tmpTarget.offset().left - targetSetting.treeObj.offset().left);                         }                     }                     curNode.css({                         "top": (event.clientY + docScrollTop + 3) + "px",                         "left": (event.clientX + docScrollLeft + 3) + "px"                     });                     var dX = 0;                     var dY = 0;                     if (tmpTarget && tmpTarget.attr("id")!=targetSetting.treeId) {                         var tmpTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId),                         isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy),                         isPrev = !!(preNode && tmpTargetNodeId === preNode.tId),                         isNext = !!(nextNode && tmpTargetNodeId === nextNode.tId),                         isInner = (tmpNode.parentTId && tmpNode.parentTId == tmpTargetNodeId),                         canPrev = (isCopy || !isNext) && tools.apply(targetSetting.edit.drag.prev, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.prev),                         canNext = (isCopy || !isPrev) && tools.apply(targetSetting.edit.drag.next, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.next),                         canInner = (isCopy || !isInner) && !(targetSetting.data.keep.leaf && !tmpTargetNode.isParent) && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner);                         if (!canPrev && !canNext && !canInner) {                             tmpTarget = null;                             tmpTargetNodeId = "";                             moveType = consts.move.TYPE_INNER;                             tmpArrow.css({                                 "display":"none"                             });                             if (window.zTreeMoveTimer) {                                 clearTimeout(window.zTreeMoveTimer);                                 window.zTreeMoveTargetNodeTId = null                             }                         } else {                             var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget),                             tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()),                             tmpTop = tmpTargetA.offset().top,                             tmpLeft = tmpTargetA.offset().left,                             prevPercent = canPrev ? (canInner ? 0.25 : (canNext ? 0.5 : 1) ) : -1,                             nextPercent = canNext ? (canInner ? 0.75 : (canPrev ? 0.5 : 0) ) : -1,                             dY_percent = (event.clientY + docScrollTop - tmpTop)/tmpTargetA.height();                             if ((prevPercent==1 ||dY_percent<=prevPercent && dY_percent>=-.2) && canPrev) {                                 dX = 1 - tmpArrow.width();                                 dY = tmpTop - tmpArrow.height()/2;                                 moveType = consts.move.TYPE_PREV;                             } else if ((nextPercent==0 || dY_percent>=nextPercent && dY_percent<=1.2) && canNext) {                                 dX = 1 - tmpArrow.width();                                 dY = (tmpNextA == null || (tmpTargetNode.isParent && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height()/2) : (tmpNextA.offset().top - tmpArrow.height()/2);                                 moveType = consts.move.TYPE_NEXT;                             }else {                                 dX = 5 - tmpArrow.width();                                 dY = tmpTop;                                 moveType = consts.move.TYPE_INNER;                             }                             tmpArrow.css({                                 "display":"block",                                 "top": dY + "px",                                 "left": (tmpLeft + dX) + "px"                             });                             tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType);                             if (preTmpTargetNodeId != tmpTargetNodeId || preTmpMoveType != moveType) {                                 startTime = (new Date()).getTime();                             }                             if (tmpTargetNode && tmpTargetNode.isParent && moveType == consts.move.TYPE_INNER) {                                 var startTimer = true;                                 if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId !== tmpTargetNode.tId) {                                     clearTimeout(window.zTreeMoveTimer);                                     window.zTreeMoveTargetNodeTId = null;                                 }else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) {                                     startTimer = false;                                 }                                 if (startTimer) {                                     window.zTreeMoveTimer = setTimeout(function() {                                         if (moveType != consts.move.TYPE_INNER) return;                                         if (tmpTargetNode && tmpTargetNode.isParent && !tmpTargetNode.open && (new Date()).getTime() - startTime > targetSetting.edit.drag.autoOpenTime                                             && tools.apply(targetSetting.callback.beforeDragOpen, [targetSetting.treeId, tmpTargetNode], true)) {                                             view.switchNode(targetSetting, tmpTargetNode);                                             if (targetSetting.edit.drag.autoExpandTrigger) {                                                 targetSetting.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode]);                                             }                                         }                                     }, targetSetting.edit.drag.autoOpenTime+50);                                     window.zTreeMoveTargetNodeTId = tmpTargetNode.tId;                                 }                             }                         }                     } else {                         moveType = consts.move.TYPE_INNER;                         if (tmpTarget && tools.apply(targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, null], !!targetSetting.edit.drag.inner)) {                             tmpTarget.addClass(consts.node.TMPTARGET_TREE);                         } else {                             tmpTarget = null;                         }                         tmpArrow.css({                             "display":"none"                         });                         if (window.zTreeMoveTimer) {                             clearTimeout(window.zTreeMoveTimer);                             window.zTreeMoveTargetNodeTId = null;                         }                     }                     preTmpTargetNodeId = tmpTargetNodeId;                     preTmpMoveType = moveType;                 }                 return false;             }             doc.bind("mouseup", _docMouseUp);             function _docMouseUp(event) {                 if (window.zTreeMoveTimer) {                     clearTimeout(window.zTreeMoveTimer);                     window.zTreeMoveTargetNodeTId = null;                 }                 preTmpTargetNodeId = null;                 preTmpMoveType = null;                 doc.unbind("mousemove", _docMouseMove);                 doc.unbind("mouseup", _docMouseUp);                 doc.unbind("selectstart", _docSelect);                 body.css("cursor", "auto");                 if (tmpTarget) {                     tmpTarget.removeClass(consts.node.TMPTARGET_TREE);                     if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV)                             .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT).removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER);                 }                 tools.showIfameMask(setting, false);                 roots.showHoverDom = true;                 if (root.dragFlag == 0) return;                 root.dragFlag = 0;                 var i, l, tmpNode;                 for (i=0, l=nodes.length; i<l; i++) {                     tmpNode = nodes[i];                     if (tmpNode.isParent && root.dragNodeShowBefore[tmpNode.tId] && !tmpNode.open) {                         view.expandCollapseNode(setting, tmpNode, !tmpNode.open);                         delete root.dragNodeShowBefore[tmpNode.tId];                     }                 }                 if (curNode) curNode.remove();                 if (tmpArrow) tmpArrow.remove();                 var isCopy = (event.ctrlKey && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy);                 if (!isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId==nodes[0].parentTId && moveType == consts.move.TYPE_INNER) {                     tmpTarget = null;                 }                 if (tmpTarget) {                     var dragTargetNode = tmpTargetNodeId == null ? null: data.getNodeCache(targetSetting, tmpTargetNodeId);                     if (tools.apply(setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true) == false) {                         view.selectNodes(sourceSetting, nodes);                         return;                     }                     var newNodes = isCopy ? tools.clone(nodes) : nodes;                     function dropCallback() {                         if (isOtherTree) {                             if (!isCopy) {                                 for(var i=0, l=nodes.length; i<l; i++) {                                     view.removeNode(setting, nodes[i]);                                 }                             }                             if (moveType == consts.move.TYPE_INNER) {                                 view.addNodes(targetSetting, dragTargetNode, newNodes);                             } else {                                 view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);                                 if (moveType == consts.move.TYPE_PREV) {                                     for (i=0, l=newNodes.length; i<l; i++) {                                         view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);                                     }                                 } else {                                     for (i=-1, l=newNodes.length-1; i<l; l--) {                                         view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);                                     }                                 }                             }                         } else {                             if (isCopy && moveType == consts.move.TYPE_INNER) {                                 view.addNodes(targetSetting, dragTargetNode, newNodes);                             } else {                                 if (isCopy) {                                     view.addNodes(targetSetting, dragTargetNode.getParentNode(), newNodes);                                 }                                 if (moveType != consts.move.TYPE_NEXT) {                                     for (i=0, l=newNodes.length; i<l; i++) {                                         view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false);                                     }                                 } else {                                     for (i=-1, l=newNodes.length-1; i<l; l--) {                                         view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false);                                     }                                 }                             }                         }                         view.selectNodes(targetSetting, newNodes);                         $$(newNodes[0], setting).focus().blur();                         setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]);                     }                     if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) {                         view.asyncNode(targetSetting, dragTargetNode, false, dropCallback);                     } else {                         dropCallback();                     }                 } else {                     view.selectNodes(sourceSetting, nodes);                     setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]);                 }             }             doc.bind("selectstart", _docSelect);             function _docSelect() {                 return false;             }             //Avoid FireFox's Bug             //If zTree Div CSS set 'overflow', so drag node outside of zTree, and event.target is error.             if(eventMouseDown.preventDefault) {                 eventMouseDown.preventDefault();             }             return true;         }     },     //method of tools for zTree     _tools = {         getAbs: function (obj) {             var oRect = obj.getBoundingClientRect();             return [oRect.left,oRect.top]         },         inputFocus: function(inputObj) {             if (inputObj.get(0)) {                 inputObj.focus();                 tools.setCursorPosition(inputObj.get(0), inputObj.val().length);             }         },         inputSelect: function(inputObj) {             if (inputObj.get(0)) {                 inputObj.focus();                 inputObj.select();             }         },         setCursorPosition: function(obj, pos){             if(obj.setSelectionRange) {                 obj.focus();                 obj.setSelectionRange(pos,pos);             } else if (obj.createTextRange) {                 var range = obj.createTextRange();                 range.collapse(true);                 range.moveEnd('character', pos);                 range.moveStart('character', pos);                 range.select();             }         },         showIfameMask: function(setting, showSign) {             var root = data.getRoot(setting);             //clear full mask             while (root.dragMaskList.length > 0) {                 root.dragMaskList[0].remove();                 root.dragMaskList.shift();             }             if (showSign) {                 //show mask                 var iframeList = $$("iframe", setting);                 for (var i = 0, l = iframeList.length; i < l; i++) {                     var obj = iframeList.get(i),                     r = tools.getAbs(obj),                     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);                     dragMask.appendTo(body);                     root.dragMaskList.push(dragMask);                 }             }         }     },     //method of operate ztree dom     _view = {         addEditBtn: function(setting, node) {             if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) {                 return;             }             if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) {                 return;             }             var aObj = $$(node, consts.id.A, setting),             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>";             aObj.append(editStr);             $$(node, consts.id.EDIT, setting).bind('click',                 function() {                     if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false) return false;                     view.editNode(setting, node);                     return false;                 }                 ).show();         },         addRemoveBtn: function(setting, node) {             if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) {                 return;             }             if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) {                 return;             }             var aObj = $$(node, consts.id.A, setting),             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>";             aObj.append(removeStr);             $$(node, consts.id.REMOVE, setting).bind('click',                 function() {                     if (!tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return false;                     view.removeNode(setting, node);                     setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);                     return false;                 }                 ).bind('mousedown',                 function(eventMouseDown) {                     return true;                 }                 ).show();         },         addHoverDom: function(setting, node) {             if (data.getRoots().showHoverDom) {                 node.isHover = true;                 if (setting.edit.enable) {                     view.addEditBtn(setting, node);                     view.addRemoveBtn(setting, node);                 }                 tools.apply(setting.view.addHoverDom, [setting.treeId, node]);             }         },         cancelCurEditNode: function (setting, forceName) {             var root = data.getRoot(setting),             nameKey = setting.data.key.name,             node = root.curEditNode;             if (node) {                 var inputObj = root.curEditInput,                 newName = forceName ? forceName:inputObj.val(),                 isCancel = !!forceName;                 if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) {                     return false;                 } else {                     node[nameKey] = newName ? newName:inputObj.val();                     setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]);                 }                 var aObj = $$(node, consts.id.A, setting);                 aObj.removeClass(consts.node.CURSELECTED_EDIT);                 inputObj.unbind();                 view.setNodeName(setting, node);                 node.editNameFlag = false;                 root.curEditNode = null;                 root.curEditInput = null;                 view.selectNode(setting, node, false);             }             root.noSelection = true;             return true;         },         editNode: function(setting, node) {             var root = data.getRoot(setting);             view.editNodeBlur = false;             if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {                 setTimeout(function() {tools.inputFocus(root.curEditInput);}, 0);                 return;             }             var nameKey = setting.data.key.name;             node.editNameFlag = true;             view.removeTreeDom(setting, node);             view.cancelCurEditNode(setting);             view.selectNode(setting, node, false);             $$(node, consts.id.SPAN, setting).html("<input type=text class='rename' id='" + node.tId + consts.id.INPUT + "' treeNode" + consts.id.INPUT + " >");             var inputObj = $$(node, consts.id.INPUT, setting);             inputObj.attr("value", node[nameKey]);             if (setting.edit.editNameSelectAll) {                 tools.inputSelect(inputObj);             } else {                 tools.inputFocus(inputObj);             }             inputObj.bind('blur', function(event) {                 if (!view.editNodeBlur) {                     view.cancelCurEditNode(setting);                 }             }).bind('keydown', function(event) {                 if (event.keyCode=="13") {                     view.editNodeBlur = true;                     view.cancelCurEditNode(setting);                 } else if (event.keyCode=="27") {                     view.cancelCurEditNode(setting, node[nameKey]);                 }             }).bind('click', function(event) {                 return false;             }).bind('dblclick', function(event) {                 return false;             });             $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT);             root.curEditInput = inputObj;             root.noSelection = false;             root.curEditNode = node;         },         moveNode: function(setting, targetNode, node, moveType, animateFlag, isSilent) {             var root = data.getRoot(setting),             childKey = setting.data.key.children;             if (targetNode == node) return;             if (setting.data.keep.leaf && targetNode && !targetNode.isParent && moveType == consts.move.TYPE_INNER) return;             var oldParentNode = (node.parentTId ? node.getParentNode(): root),             targetNodeIsRoot = (targetNode === null || targetNode == root);             if (targetNodeIsRoot && targetNode === null) targetNode = root;             if (targetNodeIsRoot) moveType = consts.move.TYPE_INNER;             var targetParentNode = (targetNode.parentTId ? targetNode.getParentNode() : root);             if (moveType != consts.move.TYPE_PREV && moveType != consts.move.TYPE_NEXT) {                 moveType = consts.move.TYPE_INNER;             }             if (moveType == consts.move.TYPE_INNER) {                 if (targetNodeIsRoot) {                     //parentTId of root node is null                     node.parentTId = null;                 } else {                     if (!targetNode.isParent) {                         targetNode.isParent = true;                         targetNode.open = !!targetNode.open;                         view.setNodeLineIcos(setting, targetNode);                     }                     node.parentTId = targetNode.tId;                 }             }             //move node Dom             var targetObj, target_ulObj;             if (targetNodeIsRoot) {                 targetObj = setting.treeObj;                 target_ulObj = targetObj;             } else {                 if (!isSilent && moveType == consts.move.TYPE_INNER) {                     view.expandCollapseNode(setting, targetNode, true, false);                 } else if (!isSilent) {                     view.expandCollapseNode(setting, targetNode.getParentNode(), true, false);                 }                 targetObj = $$(targetNode, setting);                 target_ulObj = $$(targetNode, consts.id.UL, setting);                 if (!!targetObj.get(0) && !target_ulObj.get(0)) {                     var ulstr = [];                     view.makeUlHtml(setting, targetNode, ulstr, '');                     targetObj.append(ulstr.join(''));                 }                 target_ulObj = $$(targetNode, consts.id.UL, setting);             }             var nodeDom = $$(node, setting);             if (!nodeDom.get(0)) {                 nodeDom = view.appendNodes(setting, node.level, [node], null, false, true).join('');             } else if (!targetObj.get(0)) {                 nodeDom.remove();             }             if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) {                 target_ulObj.append(nodeDom);             } else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) {                 targetObj.before(nodeDom);             } else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) {                 targetObj.after(nodeDom);             }             //repair the data after move             var i,l,             tmpSrcIndex = -1,             tmpTargetIndex = 0,             oldNeighbor = null,             newNeighbor = null,             oldLevel = node.level;             if (node.isFirstNode) {                 tmpSrcIndex = 0;                 if (oldParentNode[childKey].length > 1 ) {                     oldNeighbor = oldParentNode[childKey][1];                     oldNeighbor.isFirstNode = true;                 }             } else if (node.isLastNode) {                 tmpSrcIndex = oldParentNode[childKey].length -1;                 oldNeighbor = oldParentNode[childKey][tmpSrcIndex - 1];                 oldNeighbor.isLastNode = true;             } else {                 for (i = 0, l = oldParentNode[childKey].length; i < l; i++) {                     if (oldParentNode[childKey][i].tId == node.tId) {                         tmpSrcIndex = i;                         break;                     }                 }             }             if (tmpSrcIndex >= 0) {                 oldParentNode[childKey].splice(tmpSrcIndex, 1);             }             if (moveType != consts.move.TYPE_INNER) {                 for (i = 0, l = targetParentNode[childKey].length; i < l; i++) {                     if (targetParentNode[childKey][i].tId == targetNode.tId) tmpTargetIndex = i;                 }             }             if (moveType == consts.move.TYPE_INNER) {                 if (!targetNode[childKey]) targetNode[childKey] = new Array();                 if (targetNode[childKey].length > 0) {                     newNeighbor = targetNode[childKey][targetNode[childKey].length - 1];                     newNeighbor.isLastNode = false;                 }                 targetNode[childKey].splice(targetNode[childKey].length, 0, node);                 node.isLastNode = true;                 node.isFirstNode = (targetNode[childKey].length == 1);             } else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) {                 targetParentNode[childKey].splice(tmpTargetIndex, 0, node);                 newNeighbor = targetNode;                 newNeighbor.isFirstNode = false;                 node.parentTId = targetNode.parentTId;                 node.isFirstNode = true;                 node.isLastNode = false;             } else if (targetNode.isLastNode && moveType == consts.move.TYPE_NEXT) {                 targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);                 newNeighbor = targetNode;                 newNeighbor.isLastNode = false;                 node.parentTId = targetNode.parentTId;                 node.isFirstNode = false;                 node.isLastNode = true;             } else {                 if (moveType == consts.move.TYPE_PREV) {                     targetParentNode[childKey].splice(tmpTargetIndex, 0, node);                 } else {                     targetParentNode[childKey].splice(tmpTargetIndex + 1, 0, node);                 }                 node.parentTId = targetNode.parentTId;                 node.isFirstNode = false;                 node.isLastNode = false;             }             data.fixPIdKeyValue(setting, node);             data.setSonNodeLevel(setting, node.getParentNode(), node);             //repair node what been moved             view.setNodeLineIcos(setting, node);             view.repairNodeLevelClass(setting, node, oldLevel)             //repair node's old parentNode dom             if (!setting.data.keep.parent && oldParentNode[childKey].length < 1) {                 //old parentNode has no child nodes                 oldParentNode.isParent = false;                 oldParentNode.open = false;                 var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting),                 tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting),                 tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting);                 view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU);                 view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU);                 tmp_ulObj.css("display", "none");             } else if (oldNeighbor) {                 //old neigbor node                 view.setNodeLineIcos(setting, oldNeighbor);             }             //new neigbor node             if (newNeighbor) {                 view.setNodeLineIcos(setting, newNeighbor);             }             //repair checkbox / radio             if (!!setting.check && setting.check.enable && view.repairChkClass) {                 view.repairChkClass(setting, oldParentNode);                 view.repairParentChkClassWithSelf(setting, oldParentNode);                 if (oldParentNode != node.parent)                     view.repairParentChkClassWithSelf(setting, node);             }             //expand parents after move             if (!isSilent) {                 view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag);             }         },         removeEditBtn: function(setting, node) {             $$(node, consts.id.EDIT, setting).unbind().remove();         },         removeRemoveBtn: function(setting, node) {             $$(node, consts.id.REMOVE, setting).unbind().remove();         },         removeTreeDom: function(setting, node) {             node.isHover = false;             view.removeEditBtn(setting, node);             view.removeRemoveBtn(setting, node);             tools.apply(setting.view.removeHoverDom, [setting.treeId, node]);         },         repairNodeLevelClass: function(setting, node, oldLevel) {             if (oldLevel === node.level) return;             var liObj = $$(node, setting),             aObj = $$(node, consts.id.A, setting),             ulObj = $$(node, consts.id.UL, setting),             oldClass = consts.className.LEVEL + oldLevel,             newClass = consts.className.LEVEL + node.level;             liObj.removeClass(oldClass);             liObj.addClass(newClass);             aObj.removeClass(oldClass);             aObj.addClass(newClass);             ulObj.removeClass(oldClass);             ulObj.addClass(newClass);         },         selectNodes : function(setting, nodes) {             for (var i=0, l=nodes.length; i<l; i++) {                 view.selectNode(setting, nodes[i], i>0);             }         }     },     _z = {         tools: _tools,         view: _view,         event: _event,         data: _data     };     $.extend(true, $.fn.zTree.consts, _consts);     $.extend(true, $.fn.zTree._z, _z);     var zt = $.fn.zTree,     tools = zt._z.tools,     consts = zt.consts,     view = zt._z.view,     data = zt._z.data,     event = zt._z.event,     $$ = tools.$;     data.exSetting(_setting);     data.addInitBind(_bindEvent);     data.addInitUnBind(_unbindEvent);     data.addInitCache(_initCache);     data.addInitNode(_initNode);     data.addInitProxy(_eventProxy);     data.addInitRoot(_initRoot);     data.addZTreeTools(_zTreeTools);     var _cancelPreSelectedNode = view.cancelPreSelectedNode;     view.cancelPreSelectedNode = function (setting, node) {         var list = data.getRoot(setting).curSelectedList;         for (var i=0, j=list.length; i<j; i++) {             if (!node || node === list[i]) {                 view.removeTreeDom(setting, list[i]);                 if (node) break;             }         }         if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments);     }     var _createNodes = view.createNodes;     view.createNodes = function(setting, level, nodes, parentNode) {         if (_createNodes) {             _createNodes.apply(view, arguments);         }         if (!nodes) return;         if (view.repairParentChkClassWithSelf) {             view.repairParentChkClassWithSelf(setting, parentNode);         }     }     var _makeNodeUrl = view.makeNodeUrl;     view.makeNodeUrl = function(setting, node) {         return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments));     }     var _removeNode = view.removeNode;     view.removeNode = function(setting, node) {         var root = data.getRoot(setting);         if (root.curEditNode === node) root.curEditNode = null;         if (_removeNode) {             _removeNode.apply(view, arguments);         }     }     var _selectNode = view.selectNode;     view.selectNode = function(setting, node, addFlag) {         var root = data.getRoot(setting);         if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) {             return false;         }         if (_selectNode) _selectNode.apply(view, arguments);         view.addHoverDom(setting, node);         return true;     }     var _uCanDo = tools.uCanDo;     tools.uCanDo = function(setting, e) {         var root = data.getRoot(setting);         if (e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup"))) {             return true;         }         return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true);     } })(jQuery);
相關文章
相關標籤/搜索