/* * JQuery zTree core 3.5 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: 2012-11-20 */ (function($) { var settings = {}, roots = {}, caches = {}, // default consts of core _consts = { event : { NODECREATED : "ztree_nodeCreated", CLICK : "ztree_click", EXPAND : "ztree_expand", COLLAPSE : "ztree_collapse", ASYNC_SUCCESS : "ztree_async_success", ASYNC_ERROR : "ztree_async_error" }, id : { A : "_a", ICON : "_ico", SPAN : "_span", SWITCH : "_switch", UL : "_ul" }, line : { ROOT : "root", ROOTS : "roots", CENTER : "center", BOTTOM : "bottom", NOLINE : "noline", LINE : "line" }, folder : { OPEN : "open", CLOSE : "close", DOCU : "docu" }, node : { CURSELECTED : "curSelectedNode" } }, // default setting of core _setting = { treeId : "", treeObj : null, view : { addDiyDom : null, autoCancelSelected : true, dblClickExpand : true, expandSpeed : "fast", fontCss : {}, nameIsHTML : false, selectedMulti : true, showIcon : true, showLine : true, showTitle : true }, data : { key : { children : "children", name : "name", title : "", url : "url" }, simpleData : { enable : false, idKey : "id", pIdKey : "pId", rootPId : null }, keep : { parent : false, leaf : false } }, async : { enable : false, contentType : "application/x-www-form-urlencoded", type : "post", dataType : "text", url : "", autoParam : [], otherParam : [], dataFilter : null }, callback : { beforeAsync : null, beforeClick : null, beforeDblClick : null, beforeRightClick : null, beforeMouseDown : null, beforeMouseUp : null, beforeExpand : null, beforeCollapse : null, beforeRemove : null, onAsyncError : null, onAsyncSuccess : null, onNodeCreated : null, onClick : null, onDblClick : null, onRightClick : null, onMouseDown : null, onMouseUp : null, onExpand : null, onCollapse : null, onRemove : null } }, // default root of core // zTree use root to save full data _initRoot = function(setting) { var r = data.getRoot(setting); if (!r) { r = {}; data.setRoot(setting, r); } r[setting.data.key.children] = []; r.expandTriggerFlag = false; r.curSelectedList = []; r.noSelection = true; r.createdNodes = []; r.zId = 0; r._ver = (new Date()).getTime(); }, // default cache of core _initCache = function(setting) { var c = data.getCache(setting); if (!c) { c = {}; data.setCache(setting, c); } c.nodes = []; c.doms = []; }, // default bindEvent of core _bindEvent = function(setting) { var o = setting.treeObj, c = consts.event; o.bind(c.NODECREATED, function(event, treeId, node) { tools.apply(setting.callback.onNodeCreated, [event, treeId, node]); }); o.bind(c.CLICK, function(event, srcEvent, treeId, node, clickFlag) { tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]); }); o.bind(c.EXPAND, function(event, treeId, node) { tools.apply(setting.callback.onExpand, [event, treeId, node]); }); o.bind(c.COLLAPSE, function(event, treeId, node) { tools.apply(setting.callback.onCollapse, [event, treeId, node]); }); o.bind(c.ASYNC_SUCCESS, function(event, treeId, node, msg) { tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]); }); o.bind(c.ASYNC_ERROR, function(event, treeId, node, XMLHttpRequest, textStatus, errorThrown) { tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]); }); }, _unbindEvent = function(setting) { var o = setting.treeObj, c = consts.event; o.unbind(c.NODECREATED).unbind(c.CLICK).unbind(c.EXPAND) .unbind(c.COLLAPSE).unbind(c.ASYNC_SUCCESS) .unbind(c.ASYNC_ERROR); }, // default event proxy of core _eventProxy = function(event) { var target = event.target, setting = data.getSetting(event.data.treeId), tId = "", node = null, nodeEventType = "", treeEventType = "", nodeEventCallback = null, treeEventCallback = null, tmp = null; if (tools.eqs(event.type, "mousedown")) { treeEventType = "mousedown"; } else if (tools.eqs(event.type, "mouseup")) { treeEventType = "mouseup"; } else if (tools.eqs(event.type, "contextmenu")) { treeEventType = "contextmenu"; } else if (tools.eqs(event.type, "click")) { if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.SWITCH) !== null) { tId = ($(target).parent("li").get(0) || $(target) .parentsUntil("li").parent().get(0)).id; nodeEventType = "switchNode"; } else { tmp = tools.getMDom(setting, target, [{ tagName : "a", attrName : "treeNode" + consts.id.A }]); if (tmp) { tId = ($(tmp).parent("li").get(0) || $(tmp) .parentsUntil("li").parent().get(0)).id; nodeEventType = "clickNode"; } } } else if (tools.eqs(event.type, "dblclick")) { treeEventType = "dblclick"; tmp = tools.getMDom(setting, target, [{ tagName : "a", attrName : "treeNode" + consts.id.A }]); if (tmp) { tId = ($(tmp).parent("li").get(0) || $(tmp).parentsUntil("li") .parent().get(0)).id; nodeEventType = "switchNode"; } } if (treeEventType.length > 0 && tId.length == 0) { tmp = tools.getMDom(setting, target, [{ tagName : "a", attrName : "treeNode" + consts.id.A }]); if (tmp) { tId = ($(tmp).parent("li").get(0) || $(tmp).parentsUntil("li") .parent().get(0)).id; } } // event to node if (tId.length > 0) { node = data.getNodeCache(setting, tId); switch (nodeEventType) { case "switchNode" : if (!node.isParent) { nodeEventType = ""; } else if (tools.eqs(event.type, "click") || (tools.eqs(event.type, "dblclick") && tools .apply(setting.view.dblClickExpand, [ setting.treeId, node], setting.view.dblClickExpand))) { nodeEventCallback = handler.onSwitchNode; } else { nodeEventType = ""; } break; case "clickNode" : nodeEventCallback = handler.onClickNode; break; } } // event to zTree switch (treeEventType) { case "mousedown" : treeEventCallback = handler.onZTreeMousedown; break; case "mouseup" : treeEventCallback = handler.onZTreeMouseup; break; case "dblclick" : treeEventCallback = handler.onZTreeDblclick; break; case "contextmenu" : treeEventCallback = handler.onZTreeContextmenu; break; } var proxyResult = { stop : false, node : node, nodeEventType : nodeEventType, nodeEventCallback : nodeEventCallback, treeEventType : treeEventType, treeEventCallback : treeEventCallback }; return proxyResult }, // default init node of core _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { if (!n) return; var r = data.getRoot(setting), childKey = setting.data.key.children; n.level = level; n.tId = setting.treeId + "_" + (++r.zId); n.parentTId = parentNode ? parentNode.tId : null; if (n[childKey] && n[childKey].length > 0) { if (typeof n.open == "string") n.open = tools.eqs(n.open, "true"); n.open = !!n.open; n.isParent = true; n.zAsync = true; } else { n.open = false; if (typeof n.isParent == "string") n.isParent = tools.eqs(n.isParent, "true"); n.isParent = !!n.isParent; n.zAsync = !n.isParent; } n.isFirstNode = isFirstNode; n.isLastNode = isLastNode; n.getParentNode = function() { return data.getNodeCache(setting, n.parentTId); }; n.getPreNode = function() { return data.getPreNode(setting, n); }; n.getNextNode = function() { return data.getNextNode(setting, n); }; n.isAjaxing = false; data.fixPIdKeyValue(setting, n); }, _init = { bind : [_bindEvent], unbind : [_unbindEvent], caches : [_initCache], nodes : [_initNode], proxys : [_eventProxy], roots : [_initRoot], beforeA : [], afterA : [], innerBeforeA : [], innerAfterA : [], zTreeTools : [] }, // method of operate data data = { addNodeCache : function(setting, node) { data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node; }, getNodeCacheId : function(tId) { return tId.substring(tId.lastIndexOf("_") + 1); }, addAfterA : function(afterA) { _init.afterA.push(afterA); }, addBeforeA : function(beforeA) { _init.beforeA.push(beforeA); }, addInnerAfterA : function(innerAfterA) { _init.innerAfterA.push(innerAfterA); }, addInnerBeforeA : function(innerBeforeA) { _init.innerBeforeA.push(innerBeforeA); }, addInitBind : function(bindEvent) { _init.bind.push(bindEvent); }, addInitUnBind : function(unbindEvent) { _init.unbind.push(unbindEvent); }, addInitCache : function(initCache) { _init.caches.push(initCache); }, addInitNode : function(initNode) { _init.nodes.push(initNode); }, addInitProxy : function(initProxy) { _init.proxys.push(initProxy); }, addInitRoot : function(initRoot) { _init.roots.push(initRoot); }, addNodesData : function(setting, parentNode, nodes) { var childKey = setting.data.key.children; if (!parentNode[childKey]) parentNode[childKey] = []; if (parentNode[childKey].length > 0) { parentNode[childKey][parentNode[childKey].length - 1].isLastNode = false; view.setNodeLineIcos(setting, parentNode[childKey][parentNode[childKey].length - 1]); } parentNode.isParent = true; parentNode[childKey] = parentNode[childKey].concat(nodes); }, addSelectedNode : function(setting, node) { var root = data.getRoot(setting); if (!data.isSelectedNode(setting, node)) { root.curSelectedList.push(node); } }, addCreatedNode : function(setting, node) { if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { var root = data.getRoot(setting); root.createdNodes.push(node); } }, addZTreeTools : function(zTreeTools) { _init.zTreeTools.push(zTreeTools); }, exSetting : function(s) { $.extend(true, _setting, s); }, fixPIdKeyValue : function(setting, node) { if (setting.data.simpleData.enable) { node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId; } }, getAfterA : function(setting, node, array) { for (var i = 0, j = _init.afterA.length; i < j; i++) { _init.afterA[i].apply(this, arguments); } }, getBeforeA : function(setting, node, array) { for (var i = 0, j = _init.beforeA.length; i < j; i++) { _init.beforeA[i].apply(this, arguments); } }, getInnerAfterA : function(setting, node, array) { for (var i = 0, j = _init.innerAfterA.length; i < j; i++) { _init.innerAfterA[i].apply(this, arguments); } }, getInnerBeforeA : function(setting, node, array) { for (var i = 0, j = _init.innerBeforeA.length; i < j; i++) { _init.innerBeforeA[i].apply(this, arguments); } }, getCache : function(setting) { return caches[setting.treeId]; }, getNextNode : function(setting, node) { if (!node) return null; var childKey = setting.data.key.children, p = node.parentTId ? node .getParentNode() : data.getRoot(setting); for (var i = 0, l = p[childKey].length - 1; i <= l; i++) { if (p[childKey][i] === node) { return (i == l ? null : p[childKey][i + 1]); } } return null; }, getNodeByParam : function(setting, nodes, key, value) { if (!nodes || !key) return null; var childKey = setting.data.key.children; for (var i = 0, l = nodes.length; i < l; i++) { if (nodes[i][key] == value) { return nodes[i]; } var tmp = data.getNodeByParam(setting, nodes[i][childKey], key, value); if (tmp) return tmp; } return null; }, getNodeCache : function(setting, tId) { if (!tId) return null; var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)]; return n ? n : null; }, getNodeName : function(setting, node) { var nameKey = setting.data.key.name; return "" + node[nameKey]; }, getNodeTitle : function(setting, node) { var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title; return "" + node[t]; }, getNodes : function(setting) { return data.getRoot(setting)[setting.data.key.children]; }, getNodesByParam : function(setting, nodes, key, value) { if (!nodes || !key) return []; var childKey = setting.data.key.children, result = []; for (var i = 0, l = nodes.length; i < l; i++) { if (nodes[i][key] == value) { result.push(nodes[i]); } result = result.concat(data.getNodesByParam(setting, nodes[i][childKey], key, value)); } return result; }, getNodesByParamFuzzy : function(setting, nodes, key, value) { if (!nodes || !key) return []; var childKey = setting.data.key.children, result = []; for (var i = 0, l = nodes.length; i < l; i++) { if (typeof nodes[i][key] == "string" && nodes[i][key].indexOf(value) > -1) { result.push(nodes[i]); } result = result.concat(data.getNodesByParamFuzzy(setting, nodes[i][childKey], key, value)); } return result; }, getNodesByFilter : function(setting, nodes, filter, isSingle, invokeParam) { if (!nodes) return (isSingle ? null : []); var childKey = setting.data.key.children, result = isSingle ? null : []; for (var i = 0, l = nodes.length; i < l; i++) { if (tools.apply(filter, [nodes[i], invokeParam], false)) { if (isSingle) { return nodes[i]; } result.push(nodes[i]); } var tmpResult = data.getNodesByFilter(setting, nodes[i][childKey], filter, isSingle, invokeParam); if (isSingle && !!tmpResult) { return tmpResult; } result = isSingle ? tmpResult : result.concat(tmpResult); } return result; }, getPreNode : function(setting, node) { if (!node) return null; var childKey = setting.data.key.children, p = node.parentTId ? node .getParentNode() : data.getRoot(setting); for (var i = 0, l = p[childKey].length; i < l; i++) { if (p[childKey][i] === node) { return (i == 0 ? null : p[childKey][i - 1]); } } return null; }, getRoot : function(setting) { return setting ? roots[setting.treeId] : null; }, getSetting : function(treeId) { return settings[treeId]; }, getSettings : function() { return settings; }, getZTreeTools : function(treeId) { var r = this.getRoot(this.getSetting(treeId)); return r ? r.treeTools : null; }, initCache : function(setting) { for (var i = 0, j = _init.caches.length; i < j; i++) { _init.caches[i].apply(this, arguments); } }, initNode : function(setting, level, node, parentNode, preNode, nextNode) { for (var i = 0, j = _init.nodes.length; i < j; i++) { _init.nodes[i].apply(this, arguments); } }, initRoot : function(setting) { for (var i = 0, j = _init.roots.length; i < j; i++) { _init.roots[i].apply(this, arguments); } }, isSelectedNode : function(setting, node) { var root = data.getRoot(setting); for (var i = 0, j = root.curSelectedList.length; i < j; i++) { if (node === root.curSelectedList[i]) return true; } return false; }, removeNodeCache : function(setting, node) { var childKey = setting.data.key.children; if (node[childKey]) { for (var i = 0, l = node[childKey].length; i < l; i++) { arguments.callee(setting, node[childKey][i]); } } data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null; }, removeSelectedNode : function(setting, node) { var root = data.getRoot(setting); for (var i = 0, j = root.curSelectedList.length; i < j; i++) { if (node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) { root.curSelectedList.splice(i, 1); i--; j--; } } }, setCache : function(setting, cache) { caches[setting.treeId] = cache; }, setRoot : function(setting, root) { roots[setting.treeId] = root; }, setZTreeTools : function(setting, zTreeTools) { for (var i = 0, j = _init.zTreeTools.length; i < j; i++) { _init.zTreeTools[i].apply(this, arguments); } }, transformToArrayFormat : function(setting, nodes) { if (!nodes) return []; var childKey = setting.data.key.children, r = []; if (tools.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { r.push(nodes[i]); if (nodes[i][childKey]) r = r.concat(data.transformToArrayFormat(setting, nodes[i][childKey])); } } else { r.push(nodes); if (nodes[childKey]) r = r.concat(data.transformToArrayFormat(setting, nodes[childKey])); } return r; }, transformTozTreeFormat : function(setting, sNodes) { var i, l, key = setting.data.simpleData.idKey, parentKey = setting.data.simpleData.pIdKey, childKey = setting.data.key.children; if (!key || key == "" || !sNodes) return []; if (tools.isArray(sNodes)) { var r = []; var tmpMap = []; for (i = 0, l = sNodes.length; i < l; i++) { tmpMap[sNodes[i][key]] = sNodes[i]; } for (i = 0, l = sNodes.length; i < l; i++) { if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) { if (!tmpMap[sNodes[i][parentKey]][childKey]) tmpMap[sNodes[i][parentKey]][childKey] = []; tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]); } else { r.push(sNodes[i]); } } return r; } else { return [sNodes]; } } }, // method of event proxy event = { bindEvent : function(setting) { for (var i = 0, j = _init.bind.length; i < j; i++) { _init.bind[i].apply(this, arguments); } }, unbindEvent : function(setting) { for (var i = 0, j = _init.unbind.length; i < j; i++) { _init.unbind[i].apply(this, arguments); } }, bindTree : function(setting) { var eventParam = { treeId : setting.treeId }, o = setting.treeObj; o.bind('click', eventParam, event.proxy); o.bind('dblclick', eventParam, event.proxy); o.bind('mouseover', eventParam, event.proxy); o.bind('mouseout', eventParam, event.proxy); o.bind('mousedown', eventParam, event.proxy); o.bind('mouseup', eventParam, event.proxy); o.bind('contextmenu', eventParam, event.proxy); }, unbindTree : function(setting) { var o = setting.treeObj; o.unbind('click', event.proxy).unbind('dblclick', event.proxy) .unbind('mouseover', event.proxy).unbind('mouseout', event.proxy).unbind('mousedown', event.proxy) .unbind('mouseup', event.proxy).unbind('contextmenu', event.proxy); }, doProxy : function(e) { var results = []; for (var i = 0, j = _init.proxys.length; i < j; i++) { var proxyResult = _init.proxys[i].apply(this, arguments); results.push(proxyResult); if (proxyResult.stop) { break; } } return results; }, proxy : function(e) { var setting = data.getSetting(e.data.treeId); if (!tools.uCanDo(setting, e)) return true; var results = event.doProxy(e), r = true, x = false; for (var i = 0, l = results.length; i < l; i++) { var proxyResult = results[i]; if (proxyResult.nodeEventCallback) { x = true; r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; } if (proxyResult.treeEventCallback) { x = true; r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; } } try { if (x && $("input:focus").length == 0) { tools.noSel(setting); } } catch (e) { } return r; } }, // method of event handler handler = { onSwitchNode : function(event, node) { var setting = data.getSetting(event.data.treeId); if (node.open) { if (tools.apply(setting.callback.beforeCollapse, [ setting.treeId, node], true) == false) return true; data.getRoot(setting).expandTriggerFlag = true; view.switchNode(setting, node); } else { if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true; data.getRoot(setting).expandTriggerFlag = true; view.switchNode(setting, node); } return true; }, onClickNode : function(event, node) { var setting = data.getSetting(event.data.treeId), clickFlag = ((setting.view.autoCancelSelected && event.ctrlKey) && data .isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && event.ctrlKey && setting.view.selectedMulti) ? 2 : 1; if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true; if (clickFlag === 0) { view.cancelPreSelectedNode(setting, node); } else { view.selectNode(setting, node, clickFlag === 2); } setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]); return true; }, onZTreeMousedown : function(event, node) { var setting = data.getSetting(event.data.treeId); if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) { tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]); } return true; }, onZTreeMouseup : function(event, node) { var setting = data.getSetting(event.data.treeId); if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) { tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]); } return true; }, onZTreeDblclick : function(event, node) { var setting = data.getSetting(event.data.treeId); if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) { tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]); } return true; }, onZTreeContextmenu : function(event, node) { var setting = data.getSetting(event.data.treeId); if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) { tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]); } return (typeof setting.callback.onRightClick) != "function"; } }, // method of tools for zTree tools = { apply : function(fun, param, defaultValue) { if ((typeof fun) == "function") { return fun.apply(zt, param ? param : []); } return defaultValue; }, canAsync : function(setting, node) { var childKey = setting.data.key.children; return (setting.async.enable && node && node.isParent && !(node.zAsync || (node[childKey] && node[childKey].length > 0))); }, clone : function(obj) { if (obj === null) return null; var o = obj.constructor === Array ? [] : {}; for (var i in obj) { if (obj.hasOwnProperty(i)) { o[i] = typeof obj[i] === "object" ? arguments .callee(obj[i]) : obj[i]; } } return o; }, eqs : function(str1, str2) { return str1.toLowerCase() === str2.toLowerCase(); }, isArray : function(arr) { return Object.prototype.toString.apply(arr) === "[object Array]"; }, getMDom : function(setting, curDom, targetExpr) { if (!curDom) return null; while (curDom && curDom.id !== setting.treeId) { for (var i = 0, l = targetExpr.length; curDom.tagName && i < l; i++) { if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) { return curDom; } } curDom = curDom.parentNode; } return null; }, noSel : function(setting) { var r = data.getRoot(setting); if (r.noSelection) { try { window.getSelection ? window.getSelection() .removeAllRanges() : document.selection.empty(); } catch (e) { } } }, uCanDo : function(setting, e) { return true; } }, // method of operate ztree dom view = { addNodes : function(setting, parentNode, newNodes, isSilent) { if (setting.data.keep.leaf && parentNode && !parentNode.isParent) { return; } if (!tools.isArray(newNodes)) { newNodes = [newNodes]; } if (setting.data.simpleData.enable) { newNodes = data.transformTozTreeFormat(setting, newNodes); } if (parentNode) { var target_switchObj = $("#" + parentNode.tId + consts.id.SWITCH), target_icoObj = $("#" + parentNode.tId + consts.id.ICON), target_ulObj = $("#" + parentNode.tId + consts.id.UL); if (!parentNode.open) { view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE); view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE); parentNode.open = false; target_ulObj.css({ "display" : "none" }); } data.addNodesData(setting, parentNode, newNodes); view.createNodes(setting, parentNode.level + 1, newNodes, parentNode); if (!isSilent) { view.expandCollapseParentNode(setting, parentNode, true); } } else { data.addNodesData(setting, data.getRoot(setting), newNodes); view.createNodes(setting, 0, newNodes, null); } }, appendNodes : function(setting, level, nodes, parentNode, initFlag, openFlag) { if (!nodes) return []; var html = [], childKey = setting.data.key.children; for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i]; if (initFlag) { var tmpPNode = (parentNode) ? parentNode : data .getRoot(setting), tmpPChild = tmpPNode[childKey], isFirstNode = ((tmpPChild.length == nodes.length) && (i == 0)), isLastNode = (i == (nodes.length - 1)); data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag); data.addNodeCache(setting, node); } var childHtml = []; if (node[childKey] && node[childKey].length > 0) { // make child html first, because checkType childHtml = view.appendNodes(setting, level + 1, node[childKey], node, initFlag, openFlag && node.open); } if (openFlag) { view.makeDOMNodeMainBefore(html, setting, node); view.makeDOMNodeLine(html, setting, node); data.getBeforeA(setting, node, html); view.makeDOMNodeNameBefore(html, setting, node); data.getInnerBeforeA(setting, node, html); view.makeDOMNodeIcon(html, setting, node); data.getInnerAfterA(setting, node, html); view.makeDOMNodeNameAfter(html, setting, node); data.getAfterA(setting, node, html); if (node.isParent && node.open) { view .makeUlHtml(setting, node, html, childHtml .join('')); } view.makeDOMNodeMainAfter(html, setting, node); data.addCreatedNode(setting, node); } } return html; }, appendParentULDom : function(setting, node) { var html = [], nObj = $("#" + node.tId), ulObj = $("#" + node.tId + consts.id.UL), childKey = setting.data.key.children, childHtml = view .appendNodes(setting, node.level + 1, node[childKey], node, false, true); view.makeUlHtml(setting, node, html, childHtml.join('')); if (!nObj.get(0) && !!node.parentTId) { view.appendParentULDom(setting, node.getParentNode()); nObj = $("#" + node.tId); } if (ulObj.get(0)) { ulObj.remove(); } nObj.append(html.join('')); }, asyncNode : function(setting, node, isSilent, callback) { var i, l; if (node && !node.isParent) { tools.apply(callback); return false; } else if (node && node.isAjaxing) { return false; } else if (tools.apply(setting.callback.beforeAsync, [ setting.treeId, node], true) == false) { tools.apply(callback); return false; } if (node) { node.isAjaxing = true; var icoObj = $("#" + node.tId + consts.id.ICON); icoObj.attr({ "style" : "", "class" : "button ico_loading" }); } var isJson = (setting.async.contentType == "application/json"), tmpParam = isJson ? "{" : "", jTemp = ""; for (i = 0, l = setting.async.autoParam.length; node && i < l; i++) { var pKey = setting.async.autoParam[i].split("="), spKey = pKey; if (pKey.length > 1) { spKey = pKey[1]; pKey = pKey[0]; } if (isJson) { jTemp = (typeof node[pKey] == "string") ? '"' : ''; tmpParam += '"' + spKey + ('":' + jTemp + node[pKey]).replace(/'/g, '\\\'') + jTemp + ','; } else { tmpParam += spKey + ("=" + node[pKey]).replace(/&/g, '%26') + "&"; } } if (tools.isArray(setting.async.otherParam)) { for (i = 0, l = setting.async.otherParam.length; i < l; i += 2) { if (isJson) { jTemp = (typeof setting.async.otherParam[i + 1] == "string") ? '"' : ''; tmpParam += '"' + setting.async.otherParam[i] + ('":' + jTemp + setting.async.otherParam[i + 1]).replace(/'/g, '\\\'') + jTemp + ","; } else { tmpParam += setting.async.otherParam[i] + ("=" + setting.async.otherParam[i + 1]) .replace(/&/g, '%26') + "&"; } } } else { for (var p in setting.async.otherParam) { if (isJson) { jTemp = (typeof setting.async.otherParam[p] == "string") ? '"' : ''; tmpParam += '"' + p + ('":' + jTemp + setting.async.otherParam[p]) .replace(/'/g, '\\\'') + jTemp + ","; } else { tmpParam += p + ("=" + setting.async.otherParam[p]).replace( /&/g, '%26') + "&"; } } } if (tmpParam.length > 1) tmpParam = tmpParam.substring(0, tmpParam.length - 1); if (isJson) tmpParam += "}"; var _tmpV = data.getRoot(setting)._ver; $.ajax({ contentType : setting.async.contentType, type : setting.async.type, url : tools.apply(setting.async.url, [setting.treeId, node], setting.async.url), data : tmpParam, dataType : setting.async.dataType, success : function(msg) { if (_tmpV != data.getRoot(setting)._ver) { return; } var newNodes = []; try { if (!msg || msg.length == 0) { newNodes = []; } else if (typeof msg == "string") { newNodes = eval("(" + msg + ")"); } else { newNodes = msg; } } catch (err) { newNodes = msg; } if (node) { node.isAjaxing = null; node.zAsync = true; } view.setNodeLineIcos(setting, node); if (newNodes && newNodes !== "") { newNodes = tools.apply( setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes); view.addNodes(setting, node, !!newNodes ? tools .clone(newNodes) : [], !!isSilent); } else { view.addNodes(setting, node, [], !!isSilent); } setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]); tools.apply(callback); }, error : function(XMLHttpRequest, textStatus, errorThrown) { if (_tmpV != data.getRoot(setting)._ver) { return; } if (node) node.isAjaxing = null; view.setNodeLineIcos(setting, node); setting.treeObj.trigger(consts.event.ASYNC_ERROR, [ setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]); } }); return true; }, cancelPreSelectedNode : function(setting, node) { var list = data.getRoot(setting).curSelectedList; for (var i = 0, j = list.length - 1; j >= i; j--) { if (!node || node === list[j]) { $("#" + list[j].tId + consts.id.A) .removeClass(consts.node.CURSELECTED); if (node) { data.removeSelectedNode(setting, node); break; } } } if (!node) data.getRoot(setting).curSelectedList = []; }, createNodeCallback : function(setting) { if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { var root = data.getRoot(setting); while (root.createdNodes.length > 0) { var node = root.createdNodes.shift(); tools.apply(setting.view.addDiyDom, [setting.treeId, node]); if (!!setting.callback.onNodeCreated) { setting.treeObj.trigger(consts.event.NODECREATED, [ setting.treeId, node]); } } } }, createNodes : function(setting, level, nodes, parentNode) { if (!nodes || nodes.length == 0) return; var root = data.getRoot(setting), childKey = setting.data.key.children, openFlag = !parentNode || parentNode.open || !!$("#" + parentNode[childKey][0].tId).get(0); root.createdNodes = []; var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, true, openFlag); if (!parentNode) { setting.treeObj.append(zTreeHtml.join('')); } else { var ulObj = $("#" + parentNode.tId + consts.id.UL); if (ulObj.get(0)) { ulObj.append(zTreeHtml.join('')); } } view.createNodeCallback(setting); }, destroy : function(setting) { if (!setting) return; data.initCache(setting); data.initRoot(setting); event.unbindTree(setting); event.unbindEvent(setting); setting.treeObj.empty(); }, expandCollapseNode : function(setting, node, expandFlag, animateFlag, callback) { var root = data.getRoot(setting), childKey = setting.data.key.children; if (!node) { tools.apply(callback, []); return; } if (root.expandTriggerFlag) { var _callback = callback; callback = function() { if (_callback) _callback(); if (node.open) { setting.treeObj.trigger(consts.event.EXPAND, [ setting.treeId, node]); } else { setting.treeObj.trigger(consts.event.COLLAPSE, [ setting.treeId, node]); } }; root.expandTriggerFlag = false; } if (!node.open && node.isParent && ((!$("#" + node.tId + consts.id.UL).get(0)) || (node[childKey] && node[childKey].length > 0 && !$("#" + node[childKey][0].tId).get(0)))) { view.appendParentULDom(setting, node); view.createNodeCallback(setting); } if (node.open == expandFlag) { tools.apply(callback, []); return; } var ulObj = $("#" + node.tId + consts.id.UL), switchObj = $("#" + node.tId + consts.id.SWITCH), icoObj = $("#" + node.tId + consts.id.ICON); if (node.isParent) { node.open = !node.open; if (node.iconOpen && node.iconClose) { icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); } if (node.open) { view .replaceSwitchClass(node, switchObj, consts.folder.OPEN); view.replaceIcoClass(node, icoObj, consts.folder.OPEN); if (animateFlag == false || setting.view.expandSpeed == "") { ulObj.show(); tools.apply(callback, []); } else { if (node[childKey] && node[childKey].length > 0) { ulObj.slideDown(setting.view.expandSpeed, callback); } else { ulObj.show(); tools.apply(callback, []); } } } else { view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE); view.replaceIcoClass(node, icoObj, consts.folder.CLOSE); if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) { ulObj.hide(); tools.apply(callback, []); } else { ulObj.slideUp(setting.view.expandSpeed, callback); } } } else { tools.apply(callback, []); } }, expandCollapseParentNode : function(setting, node, expandFlag, animateFlag, callback) { if (!node) return; if (!node.parentTId) { view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); return; } else { view.expandCollapseNode(setting, node, expandFlag, animateFlag); } if (node.parentTId) { view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback); } }, expandCollapseSonNode : function(setting, node, expandFlag, animateFlag, callback) { var root = data.getRoot(setting), childKey = setting.data.key.children, treeNodes = (node) ? node[childKey] : root[childKey], selfAnimateSign = (node) ? false : animateFlag, expandTriggerFlag = data.getRoot(setting).expandTriggerFlag; data.getRoot(setting).expandTriggerFlag = false; if (treeNodes) { for (var i = 0, l = treeNodes.length; i < l; i++) { if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign); } } data.getRoot(setting).expandTriggerFlag = expandTriggerFlag; view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); }, makeDOMNodeIcon : function(html, setting, node) { var nameStr = data.getNodeName(setting, node), name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, '&').replace(//g, '>'); html.push("", name, ""); }, makeDOMNodeLine : function(html, setting, node) { html.push(""); }, makeDOMNodeMainAfter : function(html, setting, node) { html.push(""); }, makeDOMNodeMainBefore : function(html, setting, node) { html.push("
  • "); }, makeDOMNodeNameAfter : function(html, setting, node) { html.push(""); }, makeDOMNodeNameBefore : function(html, setting, node) { var title = data.getNodeTitle(setting, node), url = view .makeNodeUrl(setting, node), fontcss = view .makeNodeFontCss(setting, node), fontStyle = []; for (var f in fontcss) { fontStyle.push(f, ":", fontcss[f], ";"); } html.push(" 0) ? "href='" + url + "'" : ""), " target='", view.makeNodeTarget(node), "' style='", fontStyle.join(''), "'"); if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) { html.push("title='", title.replace(/'/g, "'").replace(//g, '>'), "'"); } html.push(">"); }, makeNodeFontCss : function(setting, node) { var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss); return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {}; }, makeNodeIcoClass : function(setting, node) { var icoCss = ["ico"]; if (!node.isAjaxing) { icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0]; if (node.isParent) { icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); } else { icoCss.push(consts.folder.DOCU); } } return "button " + icoCss.join('_'); }, makeNodeIcoStyle : function(setting, node) { var icoStyle = []; if (!node.isAjaxing) { var icon = (node.isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node.icon; if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;"); if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) { icoStyle.push("width:0px;height:0px;"); } } return icoStyle.join(''); }, makeNodeLineClass : function(setting, node) { var lineClass = []; if (setting.view.showLine) { if (node.level == 0 && node.isFirstNode && node.isLastNode) { lineClass.push(consts.line.ROOT); } else if (node.level == 0 && node.isFirstNode) { lineClass.push(consts.line.ROOTS); } else if (node.isLastNode) { lineClass.push(consts.line.BOTTOM); } else { lineClass.push(consts.line.CENTER); } } else { lineClass.push(consts.line.NOLINE); } if (node.isParent) { lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); } else { lineClass.push(consts.folder.DOCU); } return view.makeNodeLineClassEx(node) + lineClass.join('_'); }, makeNodeLineClassEx : function(node) { return "button level" + node.level + " switch "; }, makeNodeTarget : function(node) { return (node.target || "_blank"); }, makeNodeUrl : function(setting, node) { var urlKey = setting.data.key.url; return node[urlKey] ? node[urlKey] : null; }, makeUlHtml : function(setting, node, html, content) { html.push(""); }, makeUlLineClass : function(setting, node) { return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : ""); }, removeChildNodes : function(setting, node) { if (!node) return; var childKey = setting.data.key.children, nodes = node[childKey]; if (!nodes) return; for (var i = 0, l = nodes.length; i < l; i++) { data.removeNodeCache(setting, nodes[i]); } data.removeSelectedNode(setting); delete node[childKey]; if (!setting.data.keep.parent) { node.isParent = false; node.open = false; var tmp_switchObj = $("#" + node.tId + consts.id.SWITCH), tmp_icoObj = $("#" + node.tId + consts.id.ICON); view .replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU); view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU); $("#" + node.tId + consts.id.UL).remove(); } else { $("#" + node.tId + consts.id.UL).empty(); } }, setFirstNode : function(setting, parentNode) { var childKey = setting.data.key.children, childLength = parentNode[childKey].length; if (childLength > 0) { parentNode[childKey][0].isFirstNode = true; } }, setLastNode : function(setting, parentNode) { var childKey = setting.data.key.children, childLength = parentNode[childKey].length; if (childLength > 0) { parentNode[childKey][childLength - 1].isLastNode = true; } }, removeNode : function(setting, node) { var root = data.getRoot(setting), childKey = setting.data.key.children, parentNode = (node.parentTId) ? node.getParentNode() : root; node.isFirstNode = false; node.isLastNode = false; node.getPreNode = function() { return null; }; node.getNextNode = function() { return null; }; if (!data.getNodeCache(setting, node.tId)) { return; } $("#" + node.tId).remove(); data.removeNodeCache(setting, node); data.removeSelectedNode(setting, node); for (var i = 0, l = parentNode[childKey].length; i < l; i++) { if (parentNode[childKey][i].tId == node.tId) { parentNode[childKey].splice(i, 1); break; } } view.setFirstNode(setting, parentNode); view.setLastNode(setting, parentNode); var tmp_ulObj, tmp_switchObj, tmp_icoObj, childLength = parentNode[childKey].length; // repair nodes old parent if (!setting.data.keep.parent && childLength == 0) { // old parentNode has no child nodes parentNode.isParent = false; parentNode.open = false; tmp_ulObj = $("#" + parentNode.tId + consts.id.UL); tmp_switchObj = $("#" + parentNode.tId + consts.id.SWITCH); tmp_icoObj = $("#" + parentNode.tId + consts.id.ICON); view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU); view .replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU); tmp_ulObj.css("display", "none"); } else if (setting.view.showLine && childLength > 0) { // old parentNode has child nodes var newLast = parentNode[childKey][childLength - 1]; tmp_ulObj = $("#" + newLast.tId + consts.id.UL); tmp_switchObj = $("#" + newLast.tId + consts.id.SWITCH); tmp_icoObj = $("#" + newLast.tId + consts.id.ICON); if (parentNode == root) { if (parentNode[childKey].length == 1) { // node was root, and ztree has only one root after move // node view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT); } else { var tmp_first_switchObj = $("#" + parentNode[childKey][0].tId + consts.id.SWITCH); view.replaceSwitchClass(parentNode[childKey][0], tmp_first_switchObj, consts.line.ROOTS); view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); } } else { view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); } tmp_ulObj.removeClass(consts.line.LINE); } }, replaceIcoClass : function(node, obj, newName) { if (!obj || node.isAjaxing) return; var tmpName = obj.attr("class"); if (tmpName == undefined) return; var tmpList = tmpName.split("_"); switch (newName) { case consts.folder.OPEN : case consts.folder.CLOSE : case consts.folder.DOCU : tmpList[tmpList.length - 1] = newName; break; } obj.attr("class", tmpList.join("_")); }, replaceSwitchClass : function(node, obj, newName) { if (!obj) return; var tmpName = obj.attr("class"); if (tmpName == undefined) return; var tmpList = tmpName.split("_"); switch (newName) { case consts.line.ROOT : case consts.line.ROOTS : case consts.line.CENTER : case consts.line.BOTTOM : case consts.line.NOLINE : tmpList[0] = view.makeNodeLineClassEx(node) + newName; break; case consts.folder.OPEN : case consts.folder.CLOSE : case consts.folder.DOCU : tmpList[1] = newName; break; } obj.attr("class", tmpList.join("_")); if (newName !== consts.folder.DOCU) { obj.removeAttr("disabled"); } else { obj.attr("disabled", "disabled"); } }, selectNode : function(setting, node, addFlag) { if (!addFlag) { view.cancelPreSelectedNode(setting); } $("#" + node.tId + consts.id.A).addClass(consts.node.CURSELECTED); data.addSelectedNode(setting, node); }, setNodeFontCss : function(setting, treeNode) { var aObj = $("#" + treeNode.tId + consts.id.A), fontCss = view .makeNodeFontCss(setting, treeNode); if (fontCss) { aObj.css(fontCss); } }, setNodeLineIcos : function(setting, node) { if (!node) return; var switchObj = $("#" + node.tId + consts.id.SWITCH), ulObj = $("#" + node.tId + consts.id.UL), icoObj = $("#" + node.tId + consts.id.ICON), ulLine = view.makeUlLineClass(setting, node); if (ulLine.length == 0) { ulObj.removeClass(consts.line.LINE); } else { ulObj.addClass(ulLine); } switchObj.attr("class", view.makeNodeLineClass(setting, node)); if (node.isParent) { switchObj.removeAttr("disabled"); } else { switchObj.attr("disabled", "disabled"); } icoObj.removeAttr("style"); icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); icoObj.attr("class", view.makeNodeIcoClass(setting, node)); }, setNodeName : function(setting, node) { var title = data.getNodeTitle(setting, node), nObj = $("#" + node.tId + consts.id.SPAN); nObj.empty(); if (setting.view.nameIsHTML) { nObj.html(data.getNodeName(setting, node)); } else { nObj.text(data.getNodeName(setting, node)); } if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) { var aObj = $("#" + node.tId + consts.id.A); aObj.attr("title", !title ? "" : title); } }, setNodeTarget : function(node) { var aObj = $("#" + node.tId + consts.id.A); aObj.attr("target", view.makeNodeTarget(node)); }, setNodeUrl : function(setting, node) { var aObj = $("#" + node.tId + consts.id.A), url = view.makeNodeUrl( setting, node); if (url == null || url.length == 0) { aObj.removeAttr("href"); } else { aObj.attr("href", url); } }, switchNode : function(setting, node) { if (node.open || !tools.canAsync(setting, node)) { view.expandCollapseNode(setting, node, !node.open); } else if (setting.async.enable) { if (!view.asyncNode(setting, node)) { view.expandCollapseNode(setting, node, !node.open); return; } } else if (node) { view.expandCollapseNode(setting, node, !node.open); } } }; // zTree defind $.fn.zTree = { consts : _consts, _z : { tools : tools, view : view, event : event, data : data }, getZTreeObj : function(treeId) { var o = data.getZTreeTools(treeId); return o ? o : null; }, destroy : function(treeId) { if (!!treeId && treeId.length > 0) { view.destroy(data.getSetting(treeId)); } else { for (var s in settings) { view.destroy(settings[s]); } } }, init : function(obj, zSetting, zNodes) { var setting = tools.clone(_setting); $.extend(true, setting, zSetting); setting.treeId = obj.attr("id"); setting.treeObj = obj; setting.treeObj.empty(); settings[setting.treeId] = setting; //if ($.browser.msie && parseInt($.browser.version) < 7) { // setting.view.expandSpeed = ""; //} data.initRoot(setting); var root = data.getRoot(setting), childKey = setting.data.key.children; zNodes = zNodes ? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes]) : []; if (setting.data.simpleData.enable) { root[childKey] = data.transformTozTreeFormat(setting, zNodes); } else { root[childKey] = zNodes; } data.initCache(setting); event.unbindTree(setting); event.bindTree(setting); event.unbindEvent(setting); event.bindEvent(setting); var zTreeTools = { setting : setting, addNodes : function(parentNode, newNodes, isSilent) { if (!newNodes) return null; if (!parentNode) parentNode = null; if (parentNode && !parentNode.isParent && setting.data.keep.leaf) return null; var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes]); function addCallback() { view.addNodes(setting, parentNode, xNewNodes, (isSilent == true)); } if (tools.canAsync(setting, parentNode)) { view.asyncNode(setting, parentNode, isSilent, addCallback); } else { addCallback(); } return xNewNodes; }, cancelSelectedNode : function(node) { view.cancelPreSelectedNode(this.setting, node); }, destroy : function() { view.destroy(this.setting); }, expandAll : function(expandFlag) { expandFlag = !!expandFlag; view.expandCollapseSonNode(this.setting, null, expandFlag, true); return expandFlag; }, expandNode : function(node, expandFlag, sonSign, focus, callbackFlag) { if (!node || !node.isParent) return null; if (expandFlag !== true && expandFlag !== false) { expandFlag = !node.open; } callbackFlag = !!callbackFlag; if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [ setting.treeId, node], true) == false)) { return null; } else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [ setting.treeId, node], true) == false)) { return null; } if (expandFlag && node.parentTId) { view.expandCollapseParentNode(this.setting, node .getParentNode(), expandFlag, false); } if (expandFlag === node.open && !sonSign) { return null; } data.getRoot(setting).expandTriggerFlag = callbackFlag; if (sonSign) { view.expandCollapseSonNode(this.setting, node, expandFlag, true, function() { if (focus !== false) { try { $("#" + node.tId).focus().blur(); } catch (e) { } } }); } else { node.open = !expandFlag; view.switchNode(this.setting, node); if (focus !== false) { try { $("#" + node.tId).focus().blur(); } catch (e) { } } } return expandFlag; }, getNodes : function() { return data.getNodes(this.setting); }, getNodeByParam : function(key, value, parentNode) { if (!key) return null; return data .getNodeByParam( this.setting, parentNode ? parentNode[this.setting.data.key.children] : data.getNodes(this.setting), key, value); }, getNodeByTId : function(tId) { return data.getNodeCache(this.setting, tId); }, getNodesByParam : function(key, value, parentNode) { if (!key) return null; return data .getNodesByParam( this.setting, parentNode ? parentNode[this.setting.data.key.children] : data.getNodes(this.setting), key, value); }, getNodesByParamFuzzy : function(key, value, parentNode) { if (!key) return null; return data .getNodesByParamFuzzy( this.setting, parentNode ? parentNode[this.setting.data.key.children] : data.getNodes(this.setting), key, value); }, getNodesByFilter : function(filter, isSingle, parentNode, invokeParam) { isSingle = !!isSingle; if (!filter || (typeof filter != "function")) return (isSingle ? null : []); return data .getNodesByFilter( this.setting, parentNode ? parentNode[this.setting.data.key.children] : data.getNodes(this.setting), filter, isSingle, invokeParam); }, getNodeIndex : function(node) { if (!node) return null; var childKey = setting.data.key.children, parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(this.setting); for (var i = 0, l = parentNode[childKey].length; i < l; i++) { if (parentNode[childKey][i] == node) return i; } return -1; }, getSelectedNodes : function() { var r = [], list = data.getRoot(this.setting).curSelectedList; for (var i = 0, l = list.length; i < l; i++) { r.push(list[i]); } return r; }, isSelectedNode : function(node) { return data.isSelectedNode(this.setting, node); }, reAsyncChildNodes : function(parentNode, reloadType, isSilent) { if (!this.setting.async.enable) return; var isRoot = !parentNode; if (isRoot) { parentNode = data.getRoot(this.setting); } if (reloadType == "refresh") { var childKey = this.setting.data.key.children; for (var i = 0, l = parentNode[childKey].length; i < l; i++) { data.removeNodeCache(setting, parentNode[childKey][i]); } data.removeSelectedNode(setting); parentNode[childKey] = []; if (isRoot) { this.setting.treeObj.empty(); } else { var ulObj = $("#" + parentNode.tId + consts.id.UL); ulObj.empty(); } } view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent); }, refresh : function() { this.setting.treeObj.empty(); var root = data.getRoot(this.setting), nodes = root[this.setting.data.key.children] data.initRoot(this.setting); root[this.setting.data.key.children] = nodes data.initCache(this.setting); view.createNodes(this.setting, 0, root[this.setting.data.key.children]); }, removeChildNodes : function(node) { if (!node) return null; var childKey = setting.data.key.children, nodes = node[childKey]; view.removeChildNodes(setting, node); return nodes ? nodes : null; }, removeNode : function(node, callbackFlag) { if (!node) return; callbackFlag = !!callbackFlag; if (callbackFlag && tools.apply(setting.callback.beforeRemove, [ setting.treeId, node], true) == false) return; view.removeNode(setting, node); if (callbackFlag) { this.setting.treeObj.trigger(consts.event.REMOVE, [ setting.treeId, node]); } }, selectNode : function(node, addFlag) { if (!node) return; if (tools.uCanDo(this.setting)) { addFlag = setting.view.selectedMulti && addFlag; if (node.parentTId) { view.expandCollapseParentNode(this.setting, node .getParentNode(), true, false, function() { try { $("#" + node.tId).focus().blur(); } catch (e) { } }); } else { try { $("#" + node.tId).focus().blur(); } catch (e) { } } view.selectNode(this.setting, node, addFlag); } }, transformTozTreeNodes : function(simpleNodes) { return data.transformTozTreeFormat(this.setting, simpleNodes); }, transformToArray : function(nodes) { return data.transformToArrayFormat(this.setting, nodes); }, updateNode : function(node, checkTypeFlag) { if (!node) return; var nObj = $("#" + node.tId); if (nObj.get(0) && tools.uCanDo(this.setting)) { view.setNodeName(this.setting, node); view.setNodeTarget(node); view.setNodeUrl(this.setting, node); view.setNodeLineIcos(this.setting, node); view.setNodeFontCss(this.setting, node); } } } root.treeTools = zTreeTools; data.setZTreeTools(setting, zTreeTools); if (root[childKey] && root[childKey].length > 0) { view.createNodes(setting, 0, root[childKey]); } else if (setting.async.enable && setting.async.url && setting.async.url !== '') { view.asyncNode(setting); } return zTreeTools; } }; var zt = $.fn.zTree, consts = zt.consts; })(jQuery); /* * JQuery zTree excheck 3.5 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: 2012-11-20 */ (function($) { // default consts of excheck var _consts = { event : { CHECK : "ztree_check" }, id : { CHECK : "_check" }, checkbox : { STYLE : "checkbox", DEFAULT : "chk", DISABLED : "disable", FALSE : "false", TRUE : "true", FULL : "full", PART : "part", FOCUS : "focus" }, radio : { STYLE : "radio", TYPE_ALL : "all", TYPE_LEVEL : "level" } }, // default setting of excheck _setting = { check : { enable : false, autoCheckTrigger : false, chkStyle : _consts.checkbox.STYLE, nocheckInherit : false, radioType : _consts.radio.TYPE_LEVEL, chkboxType : { "Y" : "ps", "N" : "ps" } }, data : { key : { checked : "checked" } }, callback : { beforeCheck : null, onCheck : null } }, // default root of excheck _initRoot = function(setting) { var r = data.getRoot(setting); r.radioCheckedList = []; }, // default cache of excheck _initCache = function(treeId) { }, // default bind event of excheck _bindEvent = function(setting) { var o = setting.treeObj, c = consts.event; o.bind(c.CHECK, function(event, srcEvent, treeId, node) { tools.apply(setting.callback.onCheck, [!!srcEvent ? srcEvent : event, treeId, node]); }); }, _unbindEvent = function(setting) { var o = setting.treeObj, c = consts.event; o.unbind(c.CHECK); }, // default event proxy of excheck _eventProxy = function(e) { var target = e.target, setting = data.getSetting(e.data.treeId), tId = "", node = null, nodeEventType = "", treeEventType = "", nodeEventCallback = null, treeEventCallback = null; if (tools.eqs(e.type, "mouseover")) { if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { tId = target.parentNode.id; nodeEventType = "mouseoverCheck"; } } else if (tools.eqs(e.type, "mouseout")) { if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { tId = target.parentNode.id; nodeEventType = "mouseoutCheck"; } } else if (tools.eqs(e.type, "click")) { if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) { tId = target.parentNode.id; nodeEventType = "checkNode"; } } if (tId.length > 0) { node = data.getNodeCache(setting, tId); switch (nodeEventType) { case "checkNode" : nodeEventCallback = _handler.onCheckNode; break; case "mouseoverCheck" : nodeEventCallback = _handler.onMouseoverCheck; break; case "mouseoutCheck" : nodeEventCallback = _handler.onMouseoutCheck; break; } } var proxyResult = { stop : false, node : node, nodeEventType : nodeEventType, nodeEventCallback : nodeEventCallback, treeEventType : treeEventType, treeEventCallback : treeEventCallback }; return proxyResult }, // default init node of excheck _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { if (!n) return; var checkedKey = setting.data.key.checked; if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true"); n[checkedKey] = !!n[checkedKey]; n.checkedOld = n[checkedKey]; if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true"); n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck); if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true"); n.chkDisabled = !!n.chkDisabled || (parentNode && !!parentNode.chkDisabled); if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true"); n.halfCheck = !!n.halfCheck; n.check_Child_State = -1; n.check_Focus = false; n.getCheckStatus = function() { return data.getCheckStatus(setting, n); }; }, // add dom for check _beforeA = function(setting, node, html) { var checkedKey = setting.data.key.checked; if (setting.check.enable) { data.makeChkFlag(setting, node); if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && node[checkedKey]) { var r = data.getRoot(setting); r.radioCheckedList.push(node); } html.push(""); } }, // update zTreeObj, add method of check _zTreeTools = function(setting, zTreeTools) { zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) { var checkedKey = this.setting.data.key.checked; if (node.chkDisabled === true) return; if (checked !== true && checked !== false) { checked = !node[checkedKey]; } callbackFlag = !!callbackFlag; if (node[checkedKey] === checked && !checkTypeFlag) { return; } else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [ this.setting.treeId, node], true) == false) { return; } if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) { node[checkedKey] = checked; var checkObj = $("#" + node.tId + consts.id.CHECK); if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); view.setChkClass(this.setting, checkObj, node); view.repairParentChkClassWithSelf(this.setting, node); if (callbackFlag) { setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); } } } zTreeTools.checkAllNodes = function(checked) { view.repairAllChk(this.setting, !!checked); } zTreeTools.getCheckedNodes = function(checked) { var childKey = this.setting.data.key.children; checked = (checked !== false); return data.getTreeCheckedNodes(this.setting, data.getRoot(setting)[childKey], checked); } zTreeTools.getChangeCheckedNodes = function() { var childKey = this.setting.data.key.children; return data.getTreeChangeCheckedNodes(this.setting, data .getRoot(setting)[childKey]); } zTreeTools.setChkDisabled = function(node, disabled) { disabled = !!disabled; view.repairSonChkDisabled(this.setting, node, disabled); if (!disabled) view.repairParentChkDisabled(this.setting, node, disabled); } var _updateNode = zTreeTools.updateNode; zTreeTools.updateNode = function(node, checkTypeFlag) { if (_updateNode) _updateNode.apply(zTreeTools, arguments); if (!node || !this.setting.check.enable) return; var nObj = $("#" + node.tId); if (nObj.get(0) && tools.uCanDo(this.setting)) { var checkObj = $("#" + node.tId + consts.id.CHECK); if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); view.setChkClass(this.setting, checkObj, node); view.repairParentChkClassWithSelf(this.setting, node); } } }, // method of operate data _data = { getRadioCheckedList : function(setting) { var checkedList = data.getRoot(setting).radioCheckedList; for (var i = 0, j = checkedList.length; i < j; i++) { if (!data.getNodeCache(setting, checkedList[i].tId)) { checkedList.splice(i, 1); i--; j--; } } return checkedList; }, getCheckStatus : function(setting, node) { if (!setting.check.enable || node.nocheck) return null; var checkedKey = setting.data.key.checked, r = { checked : node[checkedKey], half : node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0))) }; return r; }, getTreeCheckedNodes : function(setting, nodes, checked, results) { if (!nodes) return []; var childKey = setting.data.key.children, checkedKey = setting.data.key.checked, onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL); results = !results ? [] : results; for (var i = 0, l = nodes.length; i < l; i++) { if (nodes[i].nocheck !== true && nodes[i][checkedKey] == checked) { results.push(nodes[i]); if (onlyOne) { break; } } data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results); if (onlyOne && results.length > 0) { break; } } return results; }, getTreeChangeCheckedNodes : function(setting, nodes, results) { if (!nodes) return []; var childKey = setting.data.key.children, checkedKey = setting.data.key.checked; results = !results ? [] : results; for (var i = 0, l = nodes.length; i < l; i++) { if (nodes[i].nocheck !== true && nodes[i][checkedKey] != nodes[i].checkedOld) { results.push(nodes[i]); } data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results); } return results; }, makeChkFlag : function(setting, node) { if (!node) return; var childKey = setting.data.key.children, checkedKey = setting.data.key.checked, chkFlag = -1; if (node[childKey]) { var start = false; for (var i = 0, l = node[childKey].length; i < l; i++) { var cNode = node[childKey][i]; var tmp = -1; if (setting.check.chkStyle == consts.radio.STYLE) { if (cNode.nocheck === true) { tmp = cNode.check_Child_State; } else if (cNode.halfCheck === true) { tmp = 2; } else if (cNode.nocheck !== true && cNode[checkedKey]) { tmp = 2; } else { tmp = cNode.check_Child_State > 0 ? 2 : 0; } if (tmp == 2) { chkFlag = 2; break; } else if (tmp == 0) { chkFlag = 0; } } else if (setting.check.chkStyle == consts.checkbox.STYLE) { if (cNode.nocheck === true) { tmp = cNode.check_Child_State; } else if (cNode.halfCheck === true) { tmp = 1; } else if (cNode.nocheck !== true && cNode[checkedKey]) { tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1; } else { tmp = (cNode.check_Child_State > 0) ? 1 : 0; } if (tmp === 1) { chkFlag = 1; break; } else if (tmp === 2 && start && tmp !== chkFlag) { chkFlag = 1; break; } else if (chkFlag === 2 && tmp > -1 && tmp < 2) { chkFlag = 1; break; } else if (tmp > -1) { chkFlag = tmp; } if (!start) start = (cNode.nocheck !== true); } } } node.check_Child_State = chkFlag; } }, // method of event proxy _event = { }, // method of event handler _handler = { onCheckNode : function(event, node) { if (node.chkDisabled === true) return false; var setting = data.getSetting(event.data.treeId), checkedKey = setting.data.key.checked; if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true; node[checkedKey] = !node[checkedKey]; view.checkNodeRelation(setting, node); var checkObj = $("#" + node.tId + consts.id.CHECK); view.setChkClass(setting, checkObj, node); view.repairParentChkClassWithSelf(setting, node); setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]); return true; }, onMouseoverCheck : function(event, node) { if (node.chkDisabled === true) return false; var setting = data.getSetting(event.data.treeId), checkObj = $("#" + node.tId + consts.id.CHECK); node.check_Focus = true; view.setChkClass(setting, checkObj, node); return true; }, onMouseoutCheck : function(event, node) { if (node.chkDisabled === true) return false; var setting = data.getSetting(event.data.treeId), checkObj = $("#" + node.tId + consts.id.CHECK); node.check_Focus = false; view.setChkClass(setting, checkObj, node); return true; } }, // method of tools for zTree _tools = { }, // method of operate ztree dom _view = { checkNodeRelation : function(setting, node) { var pNode, i, l, childKey = setting.data.key.children, checkedKey = setting.data.key.checked, r = consts.radio; if (setting.check.chkStyle == r.STYLE) { var checkedList = data.getRadioCheckedList(setting); if (node[checkedKey]) { if (setting.check.radioType == r.TYPE_ALL) { for (i = checkedList.length - 1; i >= 0; i--) { pNode = checkedList[i]; pNode[checkedKey] = false; checkedList.splice(i, 1); view.setChkClass(setting, $("#" + pNode.tId + consts.id.CHECK), pNode); if (pNode.parentTId != node.parentTId) { view.repairParentChkClassWithSelf(setting, pNode); } } checkedList.push(node); } else { var parentNode = (node.parentTId) ? node .getParentNode() : data.getRoot(setting); for (i = 0, l = parentNode[childKey].length; i < l; i++) { pNode = parentNode[childKey][i]; if (pNode[checkedKey] && pNode != node) { pNode[checkedKey] = false; view.setChkClass(setting, $("#" + pNode.tId + consts.id.CHECK), pNode); } } } } else if (setting.check.radioType == r.TYPE_ALL) { for (i = 0, l = checkedList.length; i < l; i++) { if (node == checkedList[i]) { checkedList.splice(i, 1); break; } } } } else { if (node[checkedKey] && (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.Y .indexOf("s") > -1)) { view.setSonNodeCheckBox(setting, node, true); } if (!node[checkedKey] && (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.N .indexOf("s") > -1)) { view.setSonNodeCheckBox(setting, node, false); } if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) { view.setParentNodeCheckBox(setting, node, true); } if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) { view.setParentNodeCheckBox(setting, node, false); } } }, makeChkClass : function(setting, node) { var checkedKey = setting.data.key.checked, c = consts.checkbox, r = consts.radio, fullStyle = ""; if (node.chkDisabled === true) { fullStyle = c.DISABLED; } else if (node.halfCheck) { fullStyle = c.PART; } else if (setting.check.chkStyle == r.STYLE) { fullStyle = (node.check_Child_State < 1) ? c.FULL : c.PART; } else { fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL : c.PART) : ((node.check_Child_State < 1) ? c.FULL : c.PART); } var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle; chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName; return "button " + c.DEFAULT + " " + chkName; }, repairAllChk : function(setting, checked) { if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) { var checkedKey = setting.data.key.checked, childKey = setting.data.key.children, root = data .getRoot(setting); for (var i = 0, l = root[childKey].length; i < l; i++) { var node = root[childKey][i]; if (node.nocheck !== true) { node[checkedKey] = checked; } view.setSonNodeCheckBox(setting, node, checked); } } }, repairChkClass : function(setting, node) { if (!node) return; data.makeChkFlag(setting, node); var checkObj = $("#" + node.tId + consts.id.CHECK); view.setChkClass(setting, checkObj, node); }, repairParentChkClass : function(setting, node) { if (!node || !node.parentTId) return; var pNode = node.getParentNode(); view.repairChkClass(setting, pNode); view.repairParentChkClass(setting, pNode); }, repairParentChkClassWithSelf : function(setting, node) { if (!node) return; var childKey = setting.data.key.children; if (node[childKey] && node[childKey].length > 0) { view.repairParentChkClass(setting, node[childKey][0]); } else { view.repairParentChkClass(setting, node); } }, repairSonChkDisabled : function(setting, node, chkDisabled) { if (!node) return; var childKey = setting.data.key.children; if (node.chkDisabled != chkDisabled) { node.chkDisabled = chkDisabled; if (node.nocheck !== true) view.repairChkClass(setting, node); } if (node[childKey]) { for (var i = 0, l = node[childKey].length; i < l; i++) { var sNode = node[childKey][i]; view.repairSonChkDisabled(setting, sNode, chkDisabled); } } }, repairParentChkDisabled : function(setting, node, chkDisabled) { if (!node) return; if (node.chkDisabled != chkDisabled) { node.chkDisabled = chkDisabled; if (node.nocheck !== true) view.repairChkClass(setting, node); } view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled); }, setChkClass : function(setting, obj, node) { if (!obj) return; if (node.nocheck === true) { obj.hide(); } else { obj.show(); } obj.removeClass(); obj.addClass(view.makeChkClass(setting, node)); }, setParentNodeCheckBox : function(setting, node, value, srcNode) { var childKey = setting.data.key.children, checkedKey = setting.data.key.checked, checkObj = $("#" + node.tId + consts.id.CHECK); if (!srcNode) srcNode = node; data.makeChkFlag(setting, node); if (node.nocheck !== true && node.chkDisabled !== true) { node[checkedKey] = value; view.setChkClass(setting, checkObj, node); if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true) { setting.treeObj.trigger(consts.event.CHECK, [ setting.treeId, node]); } } if (node.parentTId) { var pSign = true; if (!value) { var pNodes = node.getParentNode()[childKey]; for (var i = 0, l = pNodes.length; i < l; i++) { if ((pNodes[i].nocheck !== true && pNodes[i][checkedKey]) || (pNodes[i].nocheck === true && pNodes[i].check_Child_State > 0)) { pSign = false; break; } } } if (pSign) { view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode); } } }, setSonNodeCheckBox : function(setting, node, value, srcNode) { if (!node) return; var childKey = setting.data.key.children, checkedKey = setting.data.key.checked, checkObj = $("#" + node.tId + consts.id.CHECK); if (!srcNode) srcNode = node; var hasDisable = false; if (node[childKey]) { for (var i = 0, l = node[childKey].length; i < l && node.chkDisabled !== true; i++) { var sNode = node[childKey][i]; view.setSonNodeCheckBox(setting, sNode, value, srcNode); if (sNode.chkDisabled === true) hasDisable = true; } } if (node != data.getRoot(setting) && node.chkDisabled !== true) { if (hasDisable && node.nocheck !== true) { data.makeChkFlag(setting, node); } if (node.nocheck !== true) { node[checkedKey] = value; if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1; } else { node.check_Child_State = -1; } view.setChkClass(setting, checkObj, node); if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true) { setting.treeObj.trigger(consts.event.CHECK, [ setting.treeId, node]); } } } }, _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; data.exSetting(_setting); data.addInitBind(_bindEvent); data.addInitUnBind(_unbindEvent); data.addInitCache(_initCache); data.addInitNode(_initNode); data.addInitProxy(_eventProxy); data.addInitRoot(_initRoot); data.addBeforeA(_beforeA); data.addZTreeTools(_zTreeTools); var _createNodes = view.createNodes; view.createNodes = function(setting, level, nodes, parentNode) { if (_createNodes) _createNodes.apply(view, arguments); if (!nodes) return; view.repairParentChkClassWithSelf(setting, parentNode); } var _removeNode = view.removeNode; view.removeNode = function(setting, node) { var parentNode = node.getParentNode(); if (_removeNode) _removeNode.apply(view, arguments); if (!node || !parentNode) return; view.repairChkClass(setting, parentNode); view.repairParentChkClass(setting, parentNode); } var _appendNodes = view.appendNodes; view.appendNodes = function(setting, level, nodes, parentNode, initFlag, openFlag) { var html = ""; if (_appendNodes) { html = _appendNodes.apply(view, arguments); } if (parentNode) { data.makeChkFlag(setting, parentNode); } return html; } })(jQuery); /* * JQuery zTree exedit 3.5 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: 2012-11-20 */ (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); r.curEditNode = null; r.curEditInput = null; r.curHoverNode = null; r.dragFlag = 0; r.dragNodeShowBefore = []; r.dragMaskList = new Array(); r.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) { tools.apply(setting.callback.onRename, [event, treeId, treeNode]); }); 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 = tmp.parentNode.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 = tmp.parentNode.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.tId).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)) { 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); // 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, null, true); var doc = $(document), curNode, tmpArrow, tmpTarget, isOtherTree = false, targetSetting = 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; tools.noSel(setting); $("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; root.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 = $(""); 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 = $("
  • "); tmpDom.append($("#" + tmpNode.tId + consts.id.A) .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 = $("
  • ...
  • "); curNode.append(tmpDom); break; } } curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp"); curNode.addClass(setting.treeObj.attr("class")); curNode.appendTo("body"); tmpArrow = $(""); 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
  • 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.tId).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); root.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) 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); } } } } for (i = 0, l = newNodes.length; i < l; i++) { view.selectNode(targetSetting, newNodes[i], i > 0); } $("#" + newNodes[0].tId).focus().blur(); } if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) { view.asyncNode(targetSetting, dragTargetNode, false, dropCallback); } else { dropCallback(); } setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]); } else { for (i = 0, l = nodes.length; i < l; i++) { view.selectNode(targetSetting, nodes[i], i > 0); } 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"); for (var i = 0, l = iframeList.length; i < l; i++) { var obj = iframeList.get(i), r = tools.getAbs(obj), dragMask = $("
    "); dragMask.appendTo("body"); root.dragMaskList.push(dragMask); } } } }, // method of operate ztree dom _view = { addEditBtn : function(setting, node) { if (node.editNameFlag || $("#" + node.tId + consts.id.EDIT).length > 0) { return; } if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) { return; } var aObj = $("#" + node.tId + consts.id.A), editStr = ""; aObj.append(editStr); $("#" + node.tId + consts.id.EDIT).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.tId + consts.id.REMOVE).length > 0) { return; } if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) { return; } var aObj = $("#" + node.tId + consts.id.A), removeStr = ""; aObj.append(removeStr); $("#" + node.tId + consts.id.REMOVE).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.getRoot(setting).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; var newName = forceName ? forceName : inputObj.val(); if (!forceName && tools.apply(setting.callback.beforeRename, [ setting.treeId, node, newName], true) === false) { node.editNameFlag = true; return false; } else { node[nameKey] = newName ? newName : inputObj.val(); if (!forceName) { setting.treeObj.trigger(consts.event.RENAME, [ setting.treeId, node]); } } var aObj = $("#" + node.tId + consts.id.A); 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.tId + consts.id.SPAN) .html(""); var inputObj = $("#" + node.tId + consts.id.INPUT); 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, null, true); } else if (event.keyCode == "27") { view.cancelCurEditNode(setting, node[nameKey]); } }).bind('click', function(event) { return false; }).bind('dblclick', function(event) { return false; }); $("#" + node.tId + consts.id.A) .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.tId); target_ulObj = $("#" + targetNode.tId + consts.id.UL); if (!!targetObj.get(0) && !target_ulObj.get(0)) { var ulstr = []; view.makeUlHtml(setting, targetNode, ulstr, ''); targetObj.append(ulstr.join('')); } target_ulObj = $("#" + targetNode.tId + consts.id.UL); } var nodeDom = $("#" + node.tId); 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.tId + consts.id.UL), tmp_switchObj = $("#" + oldParentNode.tId + consts.id.SWITCH), tmp_icoObj = $("#" + oldParentNode.tId + consts.id.ICON); 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(node) { $("#" + node.tId + consts.id.EDIT).unbind().remove(); }, removeRemoveBtn : function(node) { $("#" + node.tId + consts.id.REMOVE).unbind().remove(); }, removeTreeDom : function(setting, node) { node.isHover = false; view.removeEditBtn(node); view.removeRemoveBtn(node); tools.apply(setting.view.removeHoverDom, [setting.treeId, node]); }, repairNodeLevelClass : function(setting, node, oldLevel) { if (oldLevel === node.level) return; var liObj = $("#" + node.tId), aObj = $("#" + node.tId + consts.id.A), ulObj = $("#" + node.tId + consts.id.UL), oldClass = "level" + oldLevel, newClass = "level" + node.level; liObj.removeClass(oldClass); liObj.addClass(newClass); aObj.removeClass(oldClass); aObj.addClass(newClass); ulObj.removeClass(oldClass); ulObj.addClass(newClass); } }, _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; 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); } } view.makeNodeUrl = function(setting, node) { return (node.url && !setting.edit.enable) ? node.url : null; } 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);