/* * JQuery zTree core * v3.5.46 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * Date: 2020-11-21 */ ;(function($) { var settings = {}, roots = {}, caches = {}, //default consts of core _consts = { className: { BUTTON: "button", LEVEL: "level", ICO_LOADING: "ico_loading", SWITCH: "switch", NAME: "node_name" }, event: { NODECREATED: "ztree_nodeCreated", CLICK: "ztree_click", EXPAND: "ztree_expand", COLLAPSE: "ztree_collapse", ASYNC_SUCCESS: "ztree_async_success", ASYNC_ERROR: "ztree_async_error", REMOVE: "ztree_remove", SELECTED: "ztree_selected", UNSELECTED: "ztree_unselected" }, 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: {}, nodeClasses: {}, nameIsHTML: false, selectedMulti: true, showIcon: true, showLine: true, showTitle: true, txtSelectedEnable: false }, data: { key: { isParent: "isParent", children: "children", name: "name", title: "", url: "url", icon: "icon" }, render: { name: null, title: null }, 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", headers: {}, xhrFields: {}, 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) } data.nodeChildren(setting, r, []) 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]) }) o.bind(c.REMOVE, function(event, treeId, treeNode) { tools.apply(setting.callback.onRemove, [event, treeId, treeNode]) }) o.bind(c.SELECTED, function(event, treeId, node) { tools.apply(setting.callback.onSelected, [treeId, node]) }) o.bind(c.UNSELECTED, function(event, treeId, node) { tools.apply(setting.callback.onUnSelected, [treeId, node]) }) }, _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) .unbind(c.REMOVE) .unbind(c.SELECTED) .unbind(c.UNSELECTED) }, //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 = tools.getNodeMainDom(target).id nodeEventType = "switchNode" } else { tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]) if (tmp) { tId = tools.getNodeMainDom(tmp).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 = tools.getNodeMainDom(tmp).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 = tools.getNodeMainDom(tmp).id } } // event to node if (tId.length > 0) { node = data.getNodeCache(setting, tId) switch (nodeEventType) { case "switchNode": var isParent = data.nodeIsParent(setting, node) if (!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), children = data.nodeChildren(setting, n) n.level = level n.tId = setting.treeId + "_" + ++r.zId n.parentTId = parentNode ? parentNode.tId : null n.open = typeof n.open == "string" ? tools.eqs(n.open, "true") : !!n.open var isParent = data.nodeIsParent(setting, n) if (tools.isArray(children)) { data.nodeIsParent(setting, n, true) n.zAsync = true } else { isParent = data.nodeIsParent(setting, n, isParent) n.open = isParent && !setting.async.enable ? n.open : false n.zAsync = !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.getIndex = function() { return data.getNodeIndex(setting, n) } n.getPath = function() { return data.getNodePath(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, isFirst) { if (!!isFirst) { _init.proxys.splice(0, 0, initProxy) } else { _init.proxys.push(initProxy) } }, addInitRoot: function(initRoot) { _init.roots.push(initRoot) }, addNodesData: function(setting, parentNode, index, nodes) { var children = data.nodeChildren(setting, parentNode), params if (!children) { children = data.nodeChildren(setting, parentNode, []) index = -1 } else if (index >= children.length) { index = -1 } if (children.length > 0 && index === 0) { children[0].isFirstNode = false view.setNodeLineIcos(setting, children[0]) } else if (children.length > 0 && index < 0) { children[children.length - 1].isLastNode = false view.setNodeLineIcos(setting, children[children.length - 1]) } data.nodeIsParent(setting, parentNode, true) if (index < 0) { data.nodeChildren(setting, parentNode, children.concat(nodes)) } else { params = [index, 0].concat(nodes) children.splice.apply(children, params) } }, 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] }, getNodeIndex: function(setting, node) { if (!node) return null var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), children = data.nodeChildren(setting, p) for (var i = 0, l = children.length - 1; i <= l; i++) { if (children[i] === node) { return i } } return -1 }, getNextNode: function(setting, node) { if (!node) return null var p = node.parentTId ? node.getParentNode() : data.getRoot(setting), children = data.nodeChildren(setting, p) for (var i = 0, l = children.length - 1; i <= l; i++) { if (children[i] === node) { return i == l ? null : children[i + 1] } } return null }, getNodeByParam: function(setting, nodes, key, value) { if (!nodes || !key) return null for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] if (node[key] == value) { return nodes[i] } var children = data.nodeChildren(setting, node) var tmp = data.getNodeByParam(setting, children, 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 }, getNodePath: function(setting, node) { if (!node) return null var path if (node.parentTId) { path = node.getParentNode().getPath() } else { path = [] } if (path) { path.push(node) } return path }, getNodes: function(setting) { return data.nodeChildren(setting, data.getRoot(setting)) }, getNodesByParam: function(setting, nodes, key, value) { if (!nodes || !key) return [] var result = [] for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] if (node[key] == value) { result.push(node) } var children = data.nodeChildren(setting, node) result = result.concat(data.getNodesByParam(setting, children, key, value)) } return result }, getNodesByParamFuzzy: function(setting, nodes, key, value) { if (!nodes || !key) return [] var result = [] value = value.toLowerCase() for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] if (typeof node[key] == "string" && nodes[i][key].toLowerCase().indexOf(value) > -1) { result.push(node) } var children = data.nodeChildren(setting, node) result = result.concat(data.getNodesByParamFuzzy(setting, children, key, value)) } return result }, getNodesByFilter: function(setting, nodes, filter, isSingle, invokeParam) { if (!nodes) return isSingle ? null : [] var result = isSingle ? null : [] for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] if (tools.apply(filter, [node, invokeParam], false)) { if (isSingle) { return node } result.push(node) } var children = data.nodeChildren(setting, node) var tmpResult = data.getNodesByFilter(setting, children, 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 p = node.parentTId ? node.getParentNode() : data.getRoot(setting), children = data.nodeChildren(setting, p) for (var i = 0, l = children.length; i < l; i++) { if (children[i] === node) { return i == 0 ? null : children[i - 1] } } return null }, getRoot: function(setting) { return setting ? roots[setting.treeId] : null }, getRoots: function() { return roots }, 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 }, nodeChildren: function(setting, node, newChildren) { if (!node) { return null } var key = setting.data.key.children if (typeof newChildren !== "undefined") { node[key] = newChildren } return node[key] }, nodeIsParent: function(setting, node, newIsParent) { if (!node) { return false } var key = setting.data.key.isParent if (typeof newIsParent !== "undefined") { if (typeof newIsParent === "string") { newIsParent = tools.eqs(newIsParent, "true") } newIsParent = !!newIsParent node[key] = newIsParent } else if (typeof node[key] == "string") { node[key] = tools.eqs(node[key], "true") } else { node[key] = !!node[key] } // 匹配空目录 if (node.type == "MENU") { node[key] = true } return node[key] }, nodeName: function(setting, node, newName) { var key = setting.data.key.name if (typeof newName !== "undefined") { node[key] = newName } var rawName = "" + node[key] if (typeof setting.data.render.name === "function") { return setting.data.render.name.call(this, rawName, node) } return rawName }, nodeTitle: function(setting, node) { var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title var rawTitle = "" + node[t] if (typeof setting.data.render.title === "function") { return setting.data.render.title.call(this, rawTitle, node) } return rawTitle }, removeNodeCache: function(setting, node) { var children = data.nodeChildren(setting, node) if (children) { for (var i = 0, l = children.length; i < l; i++) { data.removeNodeCache(setting, children[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) setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, node]) 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 r = [] if (tools.isArray(nodes)) { for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] _do(node) } } else { _do(nodes) } return r function _do(_node) { r.push(_node) var children = data.nodeChildren(setting, _node) if (children) { r = r.concat(data.transformToArrayFormat(setting, children)) } } }, transformTozTreeFormat: function(setting, sNodes) { var i, l, key = setting.data.simpleData.idKey, parentKey = setting.data.simpleData.pIdKey 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++) { var p = tmpMap[sNodes[i][parentKey]] if (p && sNodes[i][key] != sNodes[i][parentKey]) { var children = data.nodeChildren(setting, p) if (!children) { children = data.nodeChildren(setting, p, []) } children.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 if (!setting.view.txtSelectedEnable) { // for can't select text o.bind("selectstart", handler.onSelectStart).css({ "-moz-user-select": "-moz-none" }) } 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("selectstart", handler.onSelectStart) .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 } } 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) { // debugger var setting = data.getSetting(event.data.treeId), clickFlag = setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && data.isSelectedNode(setting, node) ? 0 : setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && 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" }, onSelectStart: function(e) { var n = e.originalEvent.srcElement.nodeName.toLowerCase() return n === "input" || n === "textarea" } }, //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 children = data.nodeChildren(setting, node) var isParent = data.nodeIsParent(setting, node) return setting.async.enable && node && isParent && !(node.zAsync || (children && children.length > 0)) }, clone: function(obj) { if (obj === null) return null var o = tools.isArray(obj) ? [] : {} for (var i in obj) { o[i] = obj[i] instanceof Date ? new Date(obj[i].getTime()) : typeof obj[i] === "object" ? tools.clone(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]" }, isElement: function(o) { return typeof HTMLElement === "object" ? o instanceof HTMLElement //DOM2 : o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string" }, $: function(node, exp, setting) { if (!!exp && typeof exp != "string") { setting = exp exp = "" } if (typeof node == "string") { return $(node, setting ? setting.treeObj.get(0).ownerDocument : null) } else { return $("#" + node.tId + exp, setting ? setting.treeObj : null) } }, 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 }, getNodeMainDom: function(target) { return ( $(target) .parent("li") .get(0) || $(target) .parentsUntil("li") .parent() .get(0) ) }, isChildOrSelf: function(dom, parentId) { return $(dom).closest("#" + parentId).length > 0 }, uCanDo: function(setting, e) { return true } }, //method of operate ztree dom view = { addNodes: function(setting, parentNode, index, newNodes, isSilent) { var isParent = data.nodeIsParent(setting, parentNode) if (setting.data.keep.leaf && 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, consts.id.SWITCH, setting), target_icoObj = $$(parentNode, consts.id.ICON, setting), target_ulObj = $$(parentNode, consts.id.UL, setting) 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, index, newNodes) view.createNodes(setting, parentNode.level + 1, newNodes, parentNode, index) if (!isSilent) { view.expandCollapseParentNode(setting, parentNode, true) } } else { data.addNodesData(setting, data.getRoot(setting), index, newNodes) view.createNodes(setting, 0, newNodes, null, index) } }, appendNodes: function(setting, level, nodes, parentNode, index, initFlag, openFlag) { if (!nodes) return [] var html = [] var tmpPNode = parentNode ? parentNode : data.getRoot(setting), tmpPChild = data.nodeChildren(setting, tmpPNode), isFirstNode, isLastNode if (!tmpPChild || index >= tmpPChild.length - nodes.length) { index = -1 } for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] if (initFlag) { isFirstNode = (index === 0 || tmpPChild.length == nodes.length) && i == 0 isLastNode = index < 0 && i == nodes.length - 1 data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag) data.addNodeCache(setting, node) } var isParent = data.nodeIsParent(setting, node) var childHtml = [] var children = data.nodeChildren(setting, node) if (children && children.length > 0) { //make child html first, because checkType childHtml = view.appendNodes(setting, level + 1, children, node, -1, 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 (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, setting) if (!nObj.get(0) && !!node.parentTId) { view.appendParentULDom(setting, node.getParentNode()) nObj = $$(node, setting) } var ulObj = $$(node, consts.id.UL, setting) if (ulObj.get(0)) { ulObj.remove() } var children = data.nodeChildren(setting, node), childHtml = view.appendNodes(setting, node.level + 1, children, node, -1, false, true) view.makeUlHtml(setting, node, html, childHtml.join("")) nObj.append(html.join("")) }, asyncNode: function(setting, node, isSilent, callback) { var i, l var isParent = data.nodeIsParent(setting, node) if (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, consts.id.ICON, setting) icoObj.attr({ style: "", class: consts.className.BUTTON + " " + consts.className.ICO_LOADING }) } var tmpParam = {} var autoParam = tools.apply(setting.async.autoParam, [setting.treeId, node], setting.async.autoParam) for (i = 0, l = autoParam.length; node && i < l; i++) { var pKey = autoParam[i].split("="), spKey = pKey if (pKey.length > 1) { spKey = pKey[1] pKey = pKey[0] } tmpParam[spKey] = node[pKey] } var otherParam = tools.apply(setting.async.otherParam, [setting.treeId, node], setting.async.otherParam) if (tools.isArray(otherParam)) { for (i = 0, l = otherParam.length; i < l; i += 2) { tmpParam[otherParam[i]] = otherParam[i + 1] } } else { for (var p in otherParam) { tmpParam[p] = otherParam[p] } } var _tmpV = data.getRoot(setting)._ver $.ajax({ contentType: setting.async.contentType, cache: false, type: setting.async.type, url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url), data: setting.async.contentType.indexOf("application/json") > -1 ? JSON.stringify(tmpParam) : tmpParam, dataType: setting.async.dataType, headers: setting.async.headers, xhrFields: setting.async.xhrFields, 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, -1, !!newNodes ? tools.clone(newNodes) : [], !!isSilent) } else { view.addNodes(setting, node, -1, [], !!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, excludeNode) { var list = data.getRoot(setting).curSelectedList, i, n for (i = list.length - 1; i >= 0; i--) { n = list[i] if (node === n || (!node && (!excludeNode || excludeNode !== n))) { $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED) if (node) { data.removeSelectedNode(setting, node) break } else { list.splice(i, 1) setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, n]) } } } }, 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, index) { if (!nodes || nodes.length == 0) return var root = data.getRoot(setting), openFlag = !parentNode || parentNode.open || !!$$(data.nodeChildren(setting, parentNode)[0], setting).get(0) root.createdNodes = [] var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, index, true, openFlag), parentObj, nextObj if (!parentNode) { parentObj = setting.treeObj //setting.treeObj.append(zTreeHtml.join('')); } else { var ulObj = $$(parentNode, consts.id.UL, setting) if (ulObj.get(0)) { parentObj = ulObj //ulObj.append(zTreeHtml.join('')); } } if (parentObj) { if (index >= 0) { nextObj = parentObj.children()[index] } if (index >= 0 && nextObj) { $(nextObj).before(zTreeHtml.join("")) } else { parentObj.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() delete settings[setting.treeId] }, expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) { var root = data.getRoot(setting) var tmpCb, _callback if (!node) { tools.apply(callback, []) return } var children = data.nodeChildren(setting, node) var isParent = data.nodeIsParent(setting, node) if (root.expandTriggerFlag) { _callback = callback tmpCb = 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]) } } callback = tmpCb root.expandTriggerFlag = false } if ( !node.open && isParent && (!$$(node, consts.id.UL, setting).get(0) || (children && children.length > 0 && !$$(children[0], setting).get(0))) ) { view.appendParentULDom(setting, node) view.createNodeCallback(setting) } if (node.open == expandFlag) { tools.apply(callback, []) return } var ulObj = $$(node, consts.id.UL, setting), switchObj = $$(node, consts.id.SWITCH, setting), icoObj = $$(node, consts.id.ICON, setting) if (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 (children && children.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 == "" || !(children && children.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), treeNodes = node ? data.nodeChildren(setting, node) : data.nodeChildren(setting, root), 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) }, isSelectedNode: function(setting, node) { if (!node) { return false } var list = data.getRoot(setting).curSelectedList, i for (i = list.length - 1; i >= 0; i--) { if (node === list[i]) { return true } } return false }, makeDOMNodeIcon: function(html, setting, node) { var nameStr = data.nodeName(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.nodeTitle(setting, node), url = view.makeNodeUrl(setting, node), fontcss = view.makeNodeFontCss(setting, node), nodeClasses = view.makeNodeClasses(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 : {} }, makeNodeClasses: function(setting, node) { var classes = tools.apply(setting.view.nodeClasses, [setting.treeId, node], setting.view.nodeClasses) return classes && typeof classes !== "function" ? classes : { add: [], remove: [] } }, makeNodeIcoClass: function(setting, node) { var icoCss = ["ico"] if (!node.isAjaxing) { var isParent = data.nodeIsParent(setting, node) icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0] if (isParent) { icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE) } else { // 定制子节点图标 let fontClass = "" if (node.type === "4" && !node.isAI) { fontClass = "iconjiankongshexiangji" } else if (node.isAI) { fontClass = "iconfenxishexiangji" } else if (node.type === "camera") { fontClass = "iconjiankongshexiangji" if (node.alive == 1) { fontClass = fontClass + " running" } } if (node.isRunning) { fontClass = fontClass + " running" } return "iconfont " + fontClass } } return consts.className.BUTTON + " " + icoCss.join("_") }, makeNodeNameClass: function(node) { let icoCss = "" if (node.isRunning) { icoCss = " running" } return consts.className.NAME + icoCss }, makeNodeIcoStyle: function(setting, node) { var icoStyle = [] if (!node.isAjaxing) { var isParent = data.nodeIsParent(setting, node) var icon = isParent && node.iconOpen && node.iconClose ? node.open ? node.iconOpen : node.iconClose : node[setting.data.key.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("display:none;") } } 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 (data.nodeIsParent(setting, node)) { 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 consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.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 nodes = data.nodeChildren(setting, node) if (!nodes) return for (var i = 0, l = nodes.length; i < l; i++) { data.removeNodeCache(setting, nodes[i]) } data.removeSelectedNode(setting) delete node[setting.data.key.children] if (!setting.data.keep.parent) { data.nodeIsParent(setting, node, false) node.open = false var tmp_switchObj = $$(node, consts.id.SWITCH, setting), tmp_icoObj = $$(node, consts.id.ICON, setting) view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU) view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU) $$(node, consts.id.UL, setting).remove() } else { $$(node, consts.id.UL, setting).empty() } }, scrollIntoView: function(setting, dom) { if (!dom) { return } // support IE 7 / 8 if (typeof Element === "undefined" || typeof HTMLElement === "undefined") { var contRect = setting.treeObj.get(0).getBoundingClientRect(), findMeRect = dom.getBoundingClientRect() if ( findMeRect.top < contRect.top || findMeRect.bottom > contRect.bottom || findMeRect.right > contRect.right || findMeRect.left < contRect.left ) { dom.scrollIntoView() } return } // CC-BY jocki84@googlemail.com, https://gist.github.com/jocki84/6ffafd003387179a988e if (!Element.prototype.scrollIntoViewIfNeeded) { Element.prototype.scrollIntoViewIfNeeded = function(centerIfNeeded) { "use strict" function makeRange(start, length) { return { start: start, length: length, end: start + length } } function coverRange(inner, outer) { if (false === centerIfNeeded || (outer.start < inner.end && inner.start < outer.end)) { return Math.max(inner.end - outer.length, Math.min(outer.start, inner.start)) } return (inner.start + inner.end - outer.length) / 2 } function makePoint(x, y) { return { x: x, y: y, translate: function translate(dX, dY) { return makePoint(x + dX, y + dY) } } } function absolute(elem, pt) { while (elem) { pt = pt.translate(elem.offsetLeft, elem.offsetTop) elem = elem.offsetParent } return pt } var target = absolute(this, makePoint(0, 0)), extent = makePoint(this.offsetWidth, this.offsetHeight), elem = this.parentNode, origin while (elem instanceof HTMLElement) { // Apply desired scroll amount. origin = absolute(elem, makePoint(elem.clientLeft, elem.clientTop)) elem.scrollLeft = coverRange( makeRange(target.x - origin.x, extent.x), makeRange(elem.scrollLeft, elem.clientWidth) ) elem.scrollTop = coverRange( makeRange(target.y - origin.y, extent.y), makeRange(elem.scrollTop, elem.clientHeight) ) // Determine actual scroll amount by reading back scroll properties. target = target.translate(-elem.scrollLeft, -elem.scrollTop) elem = elem.parentNode } } } dom.scrollIntoViewIfNeeded() }, setFirstNode: function(setting, parentNode) { var children = data.nodeChildren(setting, parentNode) if (children.length > 0) { children[0].isFirstNode = true } }, setLastNode: function(setting, parentNode) { var children = data.nodeChildren(setting, parentNode) if (children.length > 0) { children[children.length - 1].isLastNode = true } }, removeNode: function(setting, node) { var root = data.getRoot(setting), 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, setting).remove() data.removeNodeCache(setting, node) data.removeSelectedNode(setting, node) var children = data.nodeChildren(setting, parentNode) for (var i = 0, l = children.length; i < l; i++) { if (children[i].tId == node.tId) { children.splice(i, 1) break } } view.setFirstNode(setting, parentNode) view.setLastNode(setting, parentNode) var tmp_ulObj, tmp_switchObj, tmp_icoObj, childLength = children.length //repair nodes old parent if (!setting.data.keep.parent && childLength == 0) { //old parentNode has no child nodes data.nodeIsParent(setting, parentNode, false) parentNode.open = false delete parentNode[setting.data.key.children] tmp_ulObj = $$(parentNode, consts.id.UL, setting) tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting) tmp_icoObj = $$(parentNode, consts.id.ICON, setting) 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 = children[childLength - 1] tmp_ulObj = $$(newLast, consts.id.UL, setting) tmp_switchObj = $$(newLast, consts.id.SWITCH, setting) tmp_icoObj = $$(newLast, consts.id.ICON, setting) if (parentNode == root) { if (children.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 = $$(children[0], consts.id.SWITCH, setting) view.replaceSwitchClass(children[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) { // debugger if (!addFlag) { view.cancelPreSelectedNode(setting, null, node) } $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED) data.addSelectedNode(setting, node) setting.treeObj.trigger(consts.event.SELECTED, [setting.treeId, node]) }, setNodeFontCss: function(setting, treeNode) { var aObj = $$(treeNode, consts.id.A, setting), fontCss = view.makeNodeFontCss(setting, treeNode) if (fontCss) { aObj.css(fontCss) } }, setNodeClasses: function(setting, treeNode) { var aObj = $$(treeNode, consts.id.A, setting), classes = view.makeNodeClasses(setting, treeNode) if ("add" in classes && classes.add.length) { aObj.addClass(classes.add.join(" ")) } if ("remove" in classes && classes.remove.length) { aObj.removeClass(classes.remove.join(" ")) } }, setNodeLineIcos: function(setting, node) { if (!node) return var switchObj = $$(node, consts.id.SWITCH, setting), ulObj = $$(node, consts.id.UL, setting), icoObj = $$(node, consts.id.ICON, setting), 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 (data.nodeIsParent(setting, node)) { 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)) // icoObj.attr("class", view.makeNodeNameClass(setting, node)); }, setNodeName: function(setting, node) { var title = data.nodeTitle(setting, node), nObj = $$(node, consts.id.SPAN, setting) nObj.empty() if (setting.view.nameIsHTML) { nObj.html(data.nodeName(setting, node)) } else { nObj.text(data.nodeName(setting, node)) } if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) { var aObj = $$(node, consts.id.A, setting) aObj.attr("title", !title ? "" : title) } }, setNodeTarget: function(setting, node) { var aObj = $$(node, consts.id.A, setting) aObj.attr("target", view.makeNodeTarget(node)) }, setNodeUrl: function(setting, node) { var aObj = $$(node, consts.id.A, setting), 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 //For some older browser,(e.g., ie6) if (typeof document.body.style.maxHeight === "undefined") { setting.view.expandSpeed = "" } data.initRoot(setting) var root = data.getRoot(setting) zNodes = zNodes ? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes]) : [] if (setting.data.simpleData.enable) { data.nodeChildren(setting, root, data.transformTozTreeFormat(setting, zNodes)) } else { data.nodeChildren(setting, root, zNodes) } data.initCache(setting) event.unbindTree(setting) event.bindTree(setting) event.unbindEvent(setting) event.bindEvent(setting) var zTreeTools = { setting: setting, addNodes: function(parentNode, index, newNodes, isSilent) { if (!parentNode) parentNode = null var isParent = data.nodeIsParent(setting, parentNode) if (parentNode && !isParent && setting.data.keep.leaf) return null var i = parseInt(index, 10) if (isNaN(i)) { isSilent = !!newNodes newNodes = index index = -1 } else { index = i } if (!newNodes) return null var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes]) function addCallback() { view.addNodes(setting, parentNode, index, xNewNodes, isSilent == true) } if (tools.canAsync(setting, parentNode)) { view.asyncNode(setting, parentNode, isSilent, addCallback) } else { addCallback() } return xNewNodes }, cancelSelectedNode: function(node) { view.cancelPreSelectedNode(setting, node) }, destroy: function() { view.destroy(setting) }, expandAll: function(expandFlag) { expandFlag = !!expandFlag view.expandCollapseSonNode(setting, null, expandFlag, true) return expandFlag }, expandNode: function(node, expandFlag, sonSign, focus, callbackFlag) { if (!node || !data.nodeIsParent(setting, node)) 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(setting, node.getParentNode(), expandFlag, false) } if (expandFlag === node.open && !sonSign) { return null } data.getRoot(setting).expandTriggerFlag = callbackFlag if (!tools.canAsync(setting, node) && sonSign) { view.expandCollapseSonNode(setting, node, expandFlag, true, showNodeFocus) } else { node.open = !expandFlag view.switchNode(this.setting, node) showNodeFocus() } return expandFlag function showNodeFocus() { var a = $$(node, setting).get(0) if (a && focus !== false) { view.scrollIntoView(setting, a) } } }, getNodes: function() { return data.getNodes(setting) }, getNodeByParam: function(key, value, parentNode) { if (!key) return null return data.getNodeByParam( setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value ) }, getNodeByTId: function(tId) { return data.getNodeCache(setting, tId) }, getNodesByParam: function(key, value, parentNode) { if (!key) return null return data.getNodesByParam( setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value ) }, getNodesByParamFuzzy: function(key, value, parentNode) { if (!key) return null return data.getNodesByParamFuzzy( setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), key, value ) }, getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) { isSingle = !!isSingle if (!filter || typeof filter != "function") return isSingle ? null : [] return data.getNodesByFilter( setting, parentNode ? data.nodeChildren(setting, parentNode) : data.getNodes(setting), filter, isSingle, invokeParam ) }, getNodeIndex: function(node) { if (!node) return null var parentNode = node.parentTId ? node.getParentNode() : data.getRoot(setting) var children = data.nodeChildren(setting, parentNode) for (var i = 0, l = children.length; i < l; i++) { if (children[i] == node) return i } return -1 }, getSelectedNodes: function() { var r = [], list = data.getRoot(setting).curSelectedList for (var i = 0, l = list.length; i < l; i++) { r.push(list[i]) } return r }, isSelectedNode: function(node) { return data.isSelectedNode(setting, node) }, reAsyncChildNodesPromise: function(parentNode, reloadType, isSilent) { var promise = new Promise(function(resolve, reject) { try { zTreeTools.reAsyncChildNodes(parentNode, reloadType, isSilent, function() { resolve(parentNode) }) } catch (e) { reject(e) } }) return promise }, reAsyncChildNodes: function(parentNode, reloadType, isSilent, callback) { if (!this.setting.async.enable) return var isRoot = !parentNode if (isRoot) { parentNode = data.getRoot(setting) } if (reloadType == "refresh") { var children = data.nodeChildren(setting, parentNode) for (var i = 0, l = children ? children.length : 0; i < l; i++) { data.removeNodeCache(setting, children[i]) } data.removeSelectedNode(setting) data.nodeChildren(setting, parentNode, []) if (isRoot) { this.setting.treeObj.empty() } else { var ulObj = $$(parentNode, consts.id.UL, setting) ulObj.empty() } } view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent, callback) }, refresh: function() { this.setting.treeObj.empty() var root = data.getRoot(setting), nodes = data.nodeChildren(setting, root) data.initRoot(setting) data.nodeChildren(setting, root, nodes) data.initCache(setting) view.createNodes(setting, 0, data.nodeChildren(setting, root), null, -1) }, removeChildNodes: function(node) { if (!node) return null var nodes = data.nodeChildren(setting, node) 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, isSilent) { if (!node) return if (tools.uCanDo(setting)) { addFlag = setting.view.selectedMulti && addFlag if (node.parentTId) { view.expandCollapseParentNode(setting, node.getParentNode(), true, false, showNodeFocus) } else if (!isSilent) { try { $$(node, setting) .focus() .blur() } catch (e) {} } view.selectNode(setting, node, addFlag) } function showNodeFocus() { if (isSilent) { return } var a = $$(node, setting).get(0) view.scrollIntoView(setting, a) } }, transformTozTreeNodes: function(simpleNodes) { return data.transformTozTreeFormat(setting, simpleNodes) }, transformToArray: function(nodes) { return data.transformToArrayFormat(setting, nodes) }, updateNode: function(node, checkTypeFlag) { if (!node) return var nObj = $$(node, setting) if (nObj.get(0) && tools.uCanDo(setting)) { view.setNodeName(setting, node) view.setNodeTarget(setting, node) view.setNodeUrl(setting, node) view.setNodeLineIcos(setting, node) view.setNodeFontCss(setting, node) view.setNodeClasses(setting, node) } } } root.treeTools = zTreeTools data.setZTreeTools(setting, zTreeTools) var children = data.nodeChildren(setting, root) if (children && children.length > 0) { view.createNodes(setting, 0, children, null, -1) } else if (setting.async.enable && setting.async.url && setting.async.url !== "") { view.asyncNode(setting) } return zTreeTools } } var zt = $.fn.zTree, $$ = tools.$, consts = zt.consts })(jQuery) /* * JQuery zTree excheck * v3.5.46 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * Date: 2020-11-21 */ ;(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, chkDisabledInherit: 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) { event.srcEvent = srcEvent tools.apply(setting.callback.onCheck, [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 = tools.getNodeMainDom(target).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 = tools.getNodeMainDom(target).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 = tools.getNodeMainDom(target).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: nodeEventType === "checkNode", 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 checked = data.nodeChecked(setting, n) n.checkedOld = checked 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 || (setting.check.chkDisabledInherit && 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) } if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && checked) { var r = data.getRoot(setting) r.radioCheckedList.push(n) } }, //add dom for check _beforeA = function(setting, node, html) { if (setting.check.enable) { data.makeChkFlag(setting, node) html.push( "" ) } }, //update zTreeObj, add method of check _zTreeTools = function(setting, zTreeTools) { zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) { var nodeChecked = data.nodeChecked(setting, node) if (node.chkDisabled === true) return if (checked !== true && checked !== false) { checked = !nodeChecked } callbackFlag = !!callbackFlag if (nodeChecked === 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) { data.nodeChecked(setting, node, checked) var checkObj = $$(node, consts.id.CHECK, this.setting) 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) { this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]) } } } zTreeTools.checkAllNodes = function(checked) { view.repairAllChk(this.setting, !!checked) } zTreeTools.getCheckedNodes = function(checked) { checked = checked !== false var children = data.nodeChildren(setting, data.getRoot(this.setting)) return data.getTreeCheckedNodes(this.setting, children, checked) } zTreeTools.getChangeCheckedNodes = function() { var children = data.nodeChildren(setting, data.getRoot(this.setting)) return data.getTreeChangeCheckedNodes(this.setting, children) } zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) { disabled = !!disabled inheritParent = !!inheritParent inheritChildren = !!inheritChildren view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren) view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent) } 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, this.setting) if (nObj.get(0) && tools.uCanDo(this.setting)) { var checkObj = $$(node, consts.id.CHECK, this.setting) 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 || node.chkDisabled) return null var checked = data.nodeChecked(setting, node), r = { checked: checked, half: node.halfCheck ? node.halfCheck : setting.check.chkStyle == consts.radio.STYLE ? node.check_Child_State === 2 : checked ? 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 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++) { var node = nodes[i] var children = data.nodeChildren(setting, node) var nodeChecked = data.nodeChecked(setting, node) if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked == checked) { results.push(node) if (onlyOne) { break } } data.getTreeCheckedNodes(setting, children, checked, results) if (onlyOne && results.length > 0) { break } } return results }, getTreeChangeCheckedNodes: function(setting, nodes, results) { if (!nodes) return [] results = !results ? [] : results for (var i = 0, l = nodes.length; i < l; i++) { var node = nodes[i] var children = data.nodeChildren(setting, node) var nodeChecked = data.nodeChecked(setting, node) if (node.nocheck !== true && node.chkDisabled !== true && nodeChecked != node.checkedOld) { results.push(node) } data.getTreeChangeCheckedNodes(setting, children, results) } return results }, makeChkFlag: function(setting, node) { if (!node) return var chkFlag = -1 var children = data.nodeChildren(setting, node) if (children) { for (var i = 0, l = children.length; i < l; i++) { var cNode = children[i] var nodeChecked = data.nodeChecked(setting, cNode) var tmp = -1 if (setting.check.chkStyle == consts.radio.STYLE) { if (cNode.nocheck === true || cNode.chkDisabled === true) { tmp = cNode.check_Child_State } else if (cNode.halfCheck === true) { tmp = 2 } else if (nodeChecked) { 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 || cNode.chkDisabled === true) { tmp = cNode.check_Child_State } else if (cNode.halfCheck === true) { tmp = 1 } else if (nodeChecked) { 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 && chkFlag > -1 && i > 0 && tmp !== chkFlag) { chkFlag = 1 break } else if (chkFlag === 2 && tmp > -1 && tmp < 2) { chkFlag = 1 break } else if (tmp > -1) { chkFlag = tmp } } } } 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) if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true var nodeChecked = data.nodeChecked(setting, node) data.nodeChecked(setting, node, !nodeChecked) view.checkNodeRelation(setting, node) var checkObj = $$(node, consts.id.CHECK, setting) 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, consts.id.CHECK, setting) 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, consts.id.CHECK, setting) 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, r = consts.radio var nodeChecked = data.nodeChecked(setting, node) if (setting.check.chkStyle == r.STYLE) { var checkedList = data.getRadioCheckedList(setting) if (nodeChecked) { if (setting.check.radioType == r.TYPE_ALL) { for (i = checkedList.length - 1; i >= 0; i--) { pNode = checkedList[i] var pNodeChecked = data.nodeChecked(setting, pNode) if (pNodeChecked && pNode != node) { data.nodeChecked(setting, pNode, false) checkedList.splice(i, 1) view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode) if (pNode.parentTId != node.parentTId) { view.repairParentChkClassWithSelf(setting, pNode) } } } checkedList.push(node) } else { var parentNode = node.parentTId ? node.getParentNode() : data.getRoot(setting) var children = data.nodeChildren(setting, parentNode) for (i = 0, l = children.length; i < l; i++) { pNode = children[i] var pNodeChecked = data.nodeChecked(setting, pNode) if (pNodeChecked && pNode != node) { data.nodeChecked(setting, pNode, false) view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), 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 { var children = data.nodeChildren(setting, node) if (nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)) { view.setSonNodeCheckBox(setting, node, true) } if (!nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)) { view.setSonNodeCheckBox(setting, node, false) } if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) { view.setParentNodeCheckBox(setting, node, true) } if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) { view.setParentNodeCheckBox(setting, node, false) } } }, makeChkClass: function(setting, node) { var c = consts.checkbox, r = consts.radio, fullStyle = "" var nodeChecked = data.nodeChecked(setting, node) 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 = nodeChecked ? 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 + "_" + (nodeChecked ? c.TRUE : c.FALSE) + "_" + fullStyle chkName = node.check_Focus && node.chkDisabled !== true ? chkName + "_" + c.FOCUS : chkName return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName }, repairAllChk: function(setting, checked) { if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) { var root = data.getRoot(setting) var children = data.nodeChildren(setting, root) for (var i = 0, l = children.length; i < l; i++) { var node = children[i] if (node.nocheck !== true && node.chkDisabled !== true) { data.nodeChecked(setting, node, checked) } view.setSonNodeCheckBox(setting, node, checked) } } }, repairChkClass: function(setting, node) { if (!node) return data.makeChkFlag(setting, node) if (node.nocheck !== true) { var checkObj = $$(node, consts.id.CHECK, setting) 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 children = data.nodeChildren(setting, node) if (children && children.length > 0) { view.repairParentChkClass(setting, children[0]) } else { view.repairParentChkClass(setting, node) } }, repairSonChkDisabled: function(setting, node, chkDisabled, inherit) { if (!node) return if (node.chkDisabled != chkDisabled) { node.chkDisabled = chkDisabled } view.repairChkClass(setting, node) var children = data.nodeChildren(setting, node) if (children && inherit) { for (var i = 0, l = children.length; i < l; i++) { var sNode = children[i] view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit) } } }, repairParentChkDisabled: function(setting, node, chkDisabled, inherit) { if (!node) return if (node.chkDisabled != chkDisabled && inherit) { node.chkDisabled = chkDisabled } view.repairChkClass(setting, node) view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit) }, setChkClass: function(setting, obj, node) { if (!obj) return if (node.nocheck === true) { obj.hide() } else { obj.show() } obj.attr("class", view.makeChkClass(setting, node)) }, setParentNodeCheckBox: function(setting, node, value, srcNode) { var checkObj = $$(node, consts.id.CHECK, setting) if (!srcNode) srcNode = node data.makeChkFlag(setting, node) if (node.nocheck !== true && node.chkDisabled !== true) { data.nodeChecked(setting, node, value) view.setChkClass(setting, checkObj, node) if (setting.check.autoCheckTrigger && node != srcNode) { setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]) } } if (node.parentTId) { var pSign = true if (!value) { var pNodes = data.nodeChildren(setting, node.getParentNode()) for (var i = 0, l = pNodes.length; i < l; i++) { var pNode = pNodes[i] var nodeChecked = data.nodeChecked(setting, pNode) if ( (pNode.nocheck !== true && pNode.chkDisabled !== true && nodeChecked) || ((pNode.nocheck === true || pNode.chkDisabled === true) && pNode.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 checkObj = $$(node, consts.id.CHECK, setting) if (!srcNode) srcNode = node var hasDisable = false var children = data.nodeChildren(setting, node) if (children) { for (var i = 0, l = children.length; i < l; i++) { var sNode = children[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.chkDisabled !== true) { data.nodeChecked(setting, node, value) if (!hasDisable) node.check_Child_State = children && children.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 && node.chkDisabled !== true) { setting.treeObj.trigger(consts.event.CHECK, [null, 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, $$ = tools.$ data.nodeChecked = function(setting, node, newChecked) { if (!node) { return false } var key = setting.data.key.checked if (typeof newChecked !== "undefined") { if (typeof newChecked === "string") { newChecked = tools.eqs(newChecked, "true") } newChecked = !!newChecked node[key] = newChecked } else if (typeof node[key] == "string") { node[key] = tools.eqs(node[key], "true") } else { node[key] = !!node[key] } return node[key] } data.exSetting(_setting) data.addInitBind(_bindEvent) data.addInitUnBind(_unbindEvent) data.addInitCache(_initCache) data.addInitNode(_initNode) data.addInitProxy(_eventProxy, true) data.addInitRoot(_initRoot) data.addBeforeA(_beforeA) data.addZTreeTools(_zTreeTools) var _createNodes = view.createNodes view.createNodes = function(setting, level, nodes, parentNode, index) { 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, index, initFlag, openFlag) { var html = "" if (_appendNodes) { html = _appendNodes.apply(view, arguments) } if (parentNode) { data.makeChkFlag(setting, parentNode) } return html } })(jQuery) /* * JQuery zTree exedit * v3.5.46 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * Date: 2020-11-21 */ ;(function($) { //default consts of exedit var _consts = { event: { DRAG: "ztree_drag", DROP: "ztree_drop", RENAME: "ztree_rename", DRAGMOVE: "ztree_dragmove" }, 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, onDragMove: null, onDrop: null, onRename: null } }, //default root of exedit _initRoot = function(setting) { var r = data.getRoot(setting), rs = data.getRoots() r.curEditNode = null r.curEditInput = null r.curHoverNode = null r.dragFlag = 0 r.dragNodeShowBefore = [] r.dragMaskList = new Array() rs.showHoverDom = true }, //default cache of exedit _initCache = function(treeId) {}, //default bind event of exedit _bindEvent = function(setting) { var o = setting.treeObj var c = consts.event o.bind(c.RENAME, function(event, treeId, treeNode, isCancel) { tools.apply(setting.callback.onRename, [event, treeId, treeNode, isCancel]) }) o.bind(c.DRAG, function(event, srcEvent, treeId, treeNodes) { tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]) }) o.bind(c.DRAGMOVE, function(event, srcEvent, treeId, treeNodes) { tools.apply(setting.callback.onDragMove, [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.DRAG) o.unbind(c.DRAGMOVE) o.unbind(c.DROP) }, //default event proxy of exedit _eventProxy = function(e) { var target = e.target, setting = data.getSetting(e.data.treeId), relatedTarget = e.relatedTarget, tId = "", node = null, nodeEventType = "", treeEventType = "", nodeEventCallback = null, treeEventCallback = null, tmp = null if (tools.eqs(e.type, "mouseover")) { tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]) if (tmp) { tId = tools.getNodeMainDom(tmp).id nodeEventType = "hoverOverNode" } } else if (tools.eqs(e.type, "mouseout")) { tmp = tools.getMDom(setting, relatedTarget, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]) if (!tmp) { tId = "remove" nodeEventType = "hoverOutNode" } } else if (tools.eqs(e.type, "mousedown")) { tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]) if (tmp) { tId = tools.getNodeMainDom(tmp).id nodeEventType = "mousedownNode" } } if (tId.length > 0) { node = data.getNodeCache(setting, tId) switch (nodeEventType) { case "mousedownNode": nodeEventCallback = _handler.onMousedownNode break case "hoverOverNode": nodeEventCallback = _handler.onHoverOverNode break case "hoverOutNode": nodeEventCallback = _handler.onHoverOutNode break } } var proxyResult = { stop: false, node: node, nodeEventType: nodeEventType, nodeEventCallback: nodeEventCallback, treeEventType: treeEventType, treeEventCallback: treeEventCallback } return proxyResult }, //default init node of exedit _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { if (!n) return n.isHover = false n.editNameFlag = false }, //update zTreeObj, add method of edit _zTreeTools = function(setting, zTreeTools) { zTreeTools.cancelEditName = function(newName) { var root = data.getRoot(this.setting) if (!root.curEditNode) return view.cancelCurEditNode(this.setting, newName ? newName : null, true) } zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) { if (!node) return null var isParent = data.nodeIsParent(setting, targetNode) if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null var _this = this, newNode = tools.clone(node) if (!targetNode) { targetNode = null moveType = consts.move.TYPE_INNER } if (moveType == consts.move.TYPE_INNER) { function copyCallback() { view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent) } if (tools.canAsync(this.setting, targetNode)) { view.asyncNode(this.setting, targetNode, isSilent, copyCallback) } else { copyCallback() } } else { view.addNodes(this.setting, targetNode.parentNode, -1, [newNode], isSilent) view.moveNode(this.setting, targetNode, newNode, moveType, false, isSilent) } return newNode } zTreeTools.editName = function(node) { if (!node || !node.tId || node !== data.getNodeCache(this.setting, node.tId)) return if (node.parentTId) view.expandCollapseParentNode(this.setting, node.getParentNode(), true) view.editNode(this.setting, node) } zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) { if (!node) return node var isParent = data.nodeIsParent(setting, targetNode) if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) { return null } else if ( targetNode && ((node.parentTId == targetNode.tId && moveType == consts.move.TYPE_INNER) || $$(node, this.setting).find("#" + targetNode.tId).length > 0) ) { return null } else if (!targetNode) { targetNode = null } var _this = this function moveCallback() { view.moveNode(_this.setting, targetNode, node, moveType, false, isSilent) } if (tools.canAsync(this.setting, targetNode) && moveType === consts.move.TYPE_INNER) { view.asyncNode(this.setting, targetNode, isSilent, moveCallback) } else { moveCallback() } return node } zTreeTools.setEditable = function(editable) { this.setting.edit.enable = editable return this.refresh() } }, //method of operate data _data = { setSonNodeLevel: function(setting, parentNode, node) { if (!node) return var children = data.nodeChildren(setting, node) node.level = parentNode ? parentNode.level + 1 : 0 if (!children) return for (var i = 0, l = children.length; i < l; i++) { if (children[i]) data.setSonNodeLevel(setting, node, children[i]) } } }, //method of event proxy _event = {}, //method of event handler _handler = { onHoverOverNode: function(event, node) { var setting = data.getSetting(event.data.treeId), root = data.getRoot(setting) if (root.curHoverNode != node) { _handler.onHoverOutNode(event) } root.curHoverNode = node view.addHoverDom(setting, node) }, onHoverOutNode: function(event, node) { var setting = data.getSetting(event.data.treeId), root = data.getRoot(setting) if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) { view.removeTreeDom(setting, root.curHoverNode) root.curHoverNode = null } }, onMousedownNode: function(eventMouseDown, _node) { var i, l, setting = data.getSetting(eventMouseDown.data.treeId), root = data.getRoot(setting), roots = data.getRoots() //right click can't drag & drop if ( eventMouseDown.button == 2 || !setting.edit.enable || (!setting.edit.drag.isCopy && !setting.edit.drag.isMove) ) return true //input of edit node name can't drag & drop var target = eventMouseDown.target, _nodes = data.getRoot(setting).curSelectedList, nodes = [] if (!data.isSelectedNode(setting, _node)) { nodes = [_node] } else { for (i = 0, l = _nodes.length; i < l; i++) { if ( _nodes[i].editNameFlag && tools.eqs(target.tagName, "input") && target.getAttribute("treeNode" + consts.id.INPUT) !== null ) { return true } nodes.push(_nodes[i]) if (nodes[0].parentTId !== _nodes[i].parentTId) { nodes = [_node] break } } } view.editNodeBlur = true view.cancelCurEditNode(setting) var doc = $(setting.treeObj.get(0).ownerDocument), body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget, isOtherTree = false, targetSetting = setting, sourceSetting = setting, preNode, nextNode, preTmpTargetNodeId = null, preTmpMoveType = null, tmpTargetNodeId = null, moveType = consts.move.TYPE_INNER, mouseDownX = eventMouseDown.clientX, mouseDownY = eventMouseDown.clientY, startTime = new Date().getTime() if (tools.uCanDo(setting)) { doc.bind("mousemove", _docMouseMove) } function _docMouseMove(event) { //avoid start drag after click node if ( root.dragFlag == 0 && Math.abs(mouseDownX - event.clientX) < setting.edit.drag.minMoveSize && Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize ) { return true } var i, l, tmpNode, tmpDom, tmpNodes 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 (data.nodeIsParent(setting, tmpNode) && tmpNode.open) { view.expandCollapseNode(setting, tmpNode, !tmpNode.open) root.dragNodeShowBefore[tmpNode.tId] = true } else { root.dragNodeShowBefore[tmpNode.tId] = false } } root.dragFlag = 1 roots.showHoverDom = false tools.showIfameMask(setting, true) //sort var isOrder = true, lastIndex = -1 if (nodes.length > 1) { var pNodes = nodes[0].parentTId ? data.nodeChildren(setting, nodes[0].getParentNode()) : 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 = $$("", setting) for (i = 0, l = nodes.length; i < l; i++) { tmpNode = nodes[i] tmpNode.editNameFlag = false view.selectNode(setting, tmpNode, i > 0) view.removeTreeDom(setting, tmpNode) if (i > setting.edit.drag.maxShowNodeNum - 1) { continue } tmpDom = $$("
  • ", setting) tmpDom.append($$(tmpNode, consts.id.A, setting).clone()) tmpDom.css("padding", "0") tmpDom.children("#" + tmpNode.tId + consts.id.A).removeClass(consts.node.CURSELECTED) curNode.append(tmpDom) if (i == setting.edit.drag.maxShowNodeNum - 1) { tmpDom = $$("
  • ...
  • ", setting) curNode.append(tmpDom) } } curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp") curNode.addClass(setting.treeObj.attr("class")) curNode.appendTo(body) tmpArrow = $$("", setting) tmpArrow.attr("id", "zTreeMove_arrow_tmp") tmpArrow.appendTo(body) setting.treeObj.trigger(consts.event.DRAG, [event, setting.treeId, nodes]) } if (root.dragFlag == 1) { if ( tmpTarget && tmpArrow.attr("id") == event.target.id && tmpTargetNodeId && event.clientX + doc.scrollLeft() + 2 > $("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left ) { var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget) event.target = xT.length > 0 ? xT.get(0) : event.target } else if (tmpTarget) { tmpTarget.removeClass(consts.node.TMPTARGET_TREE) if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget) .removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT) .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER) } tmpTarget = null tmpTargetNodeId = null //judge drag & drop in multi ztree isOtherTree = false targetSetting = setting var settings = data.getSettings() for (var s in settings) { if ( settings[s].treeId && settings[s].edit.enable && settings[s].treeId != setting.treeId && (event.target.id == settings[s].treeId || $(event.target).parents("#" + settings[s].treeId).length > 0) ) { isOtherTree = true targetSetting = settings[s] } } var docScrollTop = doc.scrollTop(), docScrollLeft = doc.scrollLeft(), treeOffset = targetSetting.treeObj.offset(), scrollHeight = targetSetting.treeObj.get(0).scrollHeight, scrollWidth = targetSetting.treeObj.get(0).scrollWidth, dTop = event.clientY + docScrollTop - treeOffset.top, dBottom = targetSetting.treeObj.height() + treeOffset.top - event.clientY - docScrollTop, dLeft = event.clientX + docScrollLeft - treeOffset.left, dRight = targetSetting.treeObj.width() + treeOffset.left - event.clientX - docScrollLeft, isTop = dTop < setting.edit.drag.borderMax && dTop > setting.edit.drag.borderMin, isBottom = dBottom < setting.edit.drag.borderMax && dBottom > setting.edit.drag.borderMin, isLeft = dLeft < setting.edit.drag.borderMax && dLeft > setting.edit.drag.borderMin, isRight = dRight < setting.edit.drag.borderMax && dRight > setting.edit.drag.borderMin, isTreeInner = dTop > setting.edit.drag.borderMin && dBottom > setting.edit.drag.borderMin && dLeft > setting.edit.drag.borderMin && dRight > setting.edit.drag.borderMin, isTreeTop = isTop && targetSetting.treeObj.scrollTop() <= 0, isTreeBottom = isBottom && targetSetting.treeObj.scrollTop() + targetSetting.treeObj.height() + 10 >= scrollHeight, isTreeLeft = isLeft && targetSetting.treeObj.scrollLeft() <= 0, isTreeRight = isRight && targetSetting.treeObj.scrollLeft() + targetSetting.treeObj.width() + 10 >= scrollWidth if (event.target && tools.isChildOrSelf(event.target, targetSetting.treeId)) { //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, setting).find("#" + targetObj.id).length > 0) { canMove = false break } } if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) { tmpTarget = $(targetObj) tmpTargetNodeId = targetObj.id } } //the mouse must be in zTree tmpNode = nodes[0] if (isTreeInner && tools.isChildOrSelf(event.target, targetSetting.treeId)) { //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 || event.metaKey) && 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 && !data.nodeIsParent(setting, tmpTargetNode)) && tools.apply( targetSetting.edit.drag.inner, [targetSetting.treeId, nodes, tmpTargetNode], !!targetSetting.edit.drag.inner ) function clearMove() { tmpTarget = null tmpTargetNodeId = "" moveType = consts.move.TYPE_INNER tmpArrow.css({ display: "none" }) if (window.zTreeMoveTimer) { clearTimeout(window.zTreeMoveTimer) window.zTreeMoveTargetNodeTId = null } } if (!canPrev && !canNext && !canInner) { clearMove() } 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 >= -0.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 || (data.nodeIsParent(setting, tmpTargetNode) && tmpTargetNode.open) ? tmpTop + tmpTargetA.height() - tmpArrow.height() / 2 : tmpNextA.offset().top - tmpArrow.height() / 2 moveType = consts.move.TYPE_NEXT } else if (canInner) { dX = 5 - tmpArrow.width() dY = tmpTop moveType = consts.move.TYPE_INNER } else { clearMove() } if (tmpTarget) { 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 && data.nodeIsParent(setting, tmpTargetNode) && 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 && data.nodeIsParent(setting, tmpTargetNode) && !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 setting.treeObj.trigger(consts.event.DRAGMOVE, [event, setting.treeId, nodes]) } 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", "") if (tmpTarget) { tmpTarget.removeClass(consts.node.TMPTARGET_TREE) if (tmpTargetNodeId) $("#" + tmpTargetNodeId + consts.id.A, tmpTarget) .removeClass(consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV) .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT) .removeClass(consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER) } tools.showIfameMask(setting, false) roots.showHoverDom = true if (root.dragFlag == 0) return root.dragFlag = 0 var i, l, tmpNode for (i = 0, l = nodes.length; i < l; i++) { tmpNode = nodes[i] if (data.nodeIsParent(setting, tmpNode) && 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 || event.metaKey) && setting.edit.drag.isMove && setting.edit.drag.isCopy) || (!setting.edit.drag.isMove && setting.edit.drag.isCopy) if ( !isCopy && tmpTarget && tmpTargetNodeId && nodes[0].parentTId && tmpTargetNodeId == nodes[0].parentTId && moveType == consts.move.TYPE_INNER ) { tmpTarget = null } if (tmpTarget) { var dragTargetNode = tmpTargetNodeId == null ? null : data.getNodeCache(targetSetting, tmpTargetNodeId) if ( tools.apply( setting.callback.beforeDrop, [targetSetting.treeId, nodes, dragTargetNode, moveType, isCopy], true ) == false ) { view.selectNodes(sourceSetting, nodes) return } var newNodes = isCopy ? tools.clone(nodes) : nodes function dropCallback() { if (isOtherTree) { if (!isCopy) { for (var i = 0, l = nodes.length; i < l; i++) { view.removeNode(setting, nodes[i]) } } if (moveType == consts.move.TYPE_INNER) { view.addNodes(targetSetting, dragTargetNode, -1, newNodes) } else { view.addNodes( targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes ) } } else { if (isCopy && moveType == consts.move.TYPE_INNER) { view.addNodes(targetSetting, dragTargetNode, -1, newNodes) } else if (isCopy) { view.addNodes( targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes ) } else { if (moveType != consts.move.TYPE_NEXT) { for (i = 0, l = newNodes.length; i < l; i++) { view.moveNode(targetSetting, dragTargetNode, newNodes[i], moveType, false) } } else { for (i = -1, l = newNodes.length - 1; i < l; l--) { view.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false) } } } } view.selectNodes(targetSetting, newNodes) var a = $$(newNodes[0], setting).get(0) view.scrollIntoView(setting, a) setting.treeObj.trigger(consts.event.DROP, [ event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy ]) } if (moveType == consts.move.TYPE_INNER && tools.canAsync(targetSetting, dragTargetNode)) { view.asyncNode(targetSetting, dragTargetNode, false, dropCallback) } else { dropCallback() } } else { view.selectNodes(sourceSetting, nodes) setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]) } } doc.bind("selectstart", _docSelect) function _docSelect() { return false } // 2018-03-30 FireFox has fixed this issue. //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(), scrollTop = document.body.scrollTop + document.documentElement.scrollTop, scrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft return [oRect.left + scrollLeft, oRect.top + scrollTop] }, inputFocus: function(inputObj) { if (inputObj.get(0)) { inputObj.focus() tools.setCursorPosition(inputObj.get(0), inputObj.val().length) } }, inputSelect: function(inputObj) { if (inputObj.get(0)) { inputObj.focus() inputObj.select() } }, setCursorPosition: function(obj, pos) { if (obj.setSelectionRange) { obj.focus() obj.setSelectionRange(pos, pos) } else if (obj.createTextRange) { var range = obj.createTextRange() range.collapse(true) range.moveEnd("character", pos) range.moveStart("character", pos) range.select() } }, showIfameMask: function(setting, showSign) { var root = data.getRoot(setting) //clear full mask while (root.dragMaskList.length > 0) { root.dragMaskList[0].remove() root.dragMaskList.shift() } if (showSign) { //show mask var iframeList = $$("iframe", setting) for (var i = 0, l = iframeList.length; i < l; i++) { var obj = iframeList.get(i), r = tools.getAbs(obj), dragMask = $$( "
    ", setting ) dragMask.appendTo($$("body", setting)) root.dragMaskList.push(dragMask) } } } }, //method of operate ztree dom _view = { addEditBtn: function(setting, node) { if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) { return } if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) { return } var aObj = $$(node, consts.id.A, setting), editStr = "" aObj.append(editStr) $$(node, consts.id.EDIT, setting) .bind("click", function() { if ( !tools.uCanDo(setting) || tools.apply(setting.callback.beforeEditName, [setting.treeId, node], true) == false ) return false view.editNode(setting, node) return false }) .show() }, addRemoveBtn: function(setting, node) { if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) { return } if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) { return } var aObj = $$(node, consts.id.A, setting), removeStr = "" aObj.append(removeStr) $$(node, consts.id.REMOVE, setting) .bind("click", function() { if ( !tools.uCanDo(setting) || tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false ) return false view.removeNode(setting, node) setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]) return false }) .bind("mousedown", function(eventMouseDown) { return true }) .show() }, addHoverDom: function(setting, node) { if (data.getRoots().showHoverDom) { node.isHover = true if (setting.edit.enable) { view.addEditBtn(setting, node) view.addRemoveBtn(setting, node) } tools.apply(setting.view.addHoverDom, [setting.treeId, node]) } }, cancelCurEditNode: function(setting, forceName, isCancel) { var root = data.getRoot(setting), node = root.curEditNode if (node) { var inputObj = root.curEditInput, newName = forceName ? forceName : isCancel ? data.nodeName(setting, node) : inputObj.val() if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) { return false } data.nodeName(setting, node, newName) var aObj = $$(node, consts.id.A, setting) aObj.removeClass(consts.node.CURSELECTED_EDIT) inputObj.unbind() view.setNodeName(setting, node) node.editNameFlag = false root.curEditNode = null root.curEditInput = null view.selectNode(setting, node, false) setting.treeObj.trigger(consts.event.RENAME, [setting.treeId, node, isCancel]) } 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 } node.editNameFlag = true view.removeTreeDom(setting, node) view.cancelCurEditNode(setting) view.selectNode(setting, node, false) $$(node, consts.id.SPAN, setting).html( "" ) var inputObj = $$(node, consts.id.INPUT, setting) inputObj.attr("value", data.nodeName(setting, node)) if (setting.edit.editNameSelectAll) { tools.inputSelect(inputObj) } else { tools.inputFocus(inputObj) } inputObj .bind("blur", function(event) { if (!view.editNodeBlur) { view.cancelCurEditNode(setting) } }) .bind("keydown", function(event) { if (event.keyCode == "13") { view.editNodeBlur = true view.cancelCurEditNode(setting) } else if (event.keyCode == "27") { view.cancelCurEditNode(setting, null, true) } }) .bind("click", function(event) { return false }) .bind("dblclick", function(event) { return false }) $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED_EDIT) root.curEditInput = inputObj root.noSelection = false root.curEditNode = node }, moveNode: function(setting, targetNode, node, moveType, animateFlag, isSilent) { var root = data.getRoot(setting) if (targetNode == node) return if ( setting.data.keep.leaf && targetNode && !data.nodeIsParent(setting, targetNode) && 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 (!data.nodeIsParent(setting, targetNode)) { data.nodeIsParent(setting, targetNode, true) targetNode.open = !!targetNode.open view.setNodeLineIcos(setting, targetNode) } node.parentTId = targetNode.tId } } //move node Dom var targetObj, target_ulObj if (targetNodeIsRoot) { targetObj = setting.treeObj target_ulObj = targetObj } else { if (!isSilent && moveType == consts.move.TYPE_INNER) { view.expandCollapseNode(setting, targetNode, true, false) } else if (!isSilent) { view.expandCollapseNode(setting, targetNode.getParentNode(), true, false) } targetObj = $$(targetNode, setting) target_ulObj = $$(targetNode, consts.id.UL, setting) if (!!targetObj.get(0) && !target_ulObj.get(0)) { var ulstr = [] view.makeUlHtml(setting, targetNode, ulstr, "") targetObj.append(ulstr.join("")) } target_ulObj = $$(targetNode, consts.id.UL, setting) } var nodeDom = $$(node, setting) if (!nodeDom.get(0)) { nodeDom = view.appendNodes(setting, node.level, [node], null, -1, 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 var oldChildren = data.nodeChildren(setting, oldParentNode) var targetParentChildren = data.nodeChildren(setting, targetParentNode) var targetChildren = data.nodeChildren(setting, targetNode) if (node.isFirstNode) { tmpSrcIndex = 0 if (oldChildren.length > 1) { oldNeighbor = oldChildren[1] oldNeighbor.isFirstNode = true } } else if (node.isLastNode) { tmpSrcIndex = oldChildren.length - 1 oldNeighbor = oldChildren[tmpSrcIndex - 1] oldNeighbor.isLastNode = true } else { for (i = 0, l = oldChildren.length; i < l; i++) { if (oldChildren[i].tId == node.tId) { tmpSrcIndex = i break } } } if (tmpSrcIndex >= 0) { oldChildren.splice(tmpSrcIndex, 1) } if (moveType != consts.move.TYPE_INNER) { for (i = 0, l = targetParentChildren.length; i < l; i++) { if (targetParentChildren[i].tId == targetNode.tId) tmpTargetIndex = i } } if (moveType == consts.move.TYPE_INNER) { if (!targetChildren) { targetChildren = data.nodeChildren(setting, targetNode, []) } if (targetChildren.length > 0) { newNeighbor = targetChildren[targetChildren.length - 1] newNeighbor.isLastNode = false } targetChildren.splice(targetChildren.length, 0, node) node.isLastNode = true node.isFirstNode = targetChildren.length == 1 } else if (targetNode.isFirstNode && moveType == consts.move.TYPE_PREV) { targetParentChildren.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) { targetParentChildren.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) { targetParentChildren.splice(tmpTargetIndex, 0, node) } else { targetParentChildren.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 && oldChildren.length < 1) { //old parentNode has no child nodes data.nodeIsParent(setting, oldParentNode, false) oldParentNode.open = false var tmp_ulObj = $$(oldParentNode, consts.id.UL, setting), tmp_switchObj = $$(oldParentNode, consts.id.SWITCH, setting), tmp_icoObj = $$(oldParentNode, consts.id.ICON, setting) view.replaceSwitchClass(oldParentNode, tmp_switchObj, consts.folder.DOCU) view.replaceIcoClass(oldParentNode, tmp_icoObj, consts.folder.DOCU) tmp_ulObj.css("display", "none") } else if (oldNeighbor) { //old neigbor node view.setNodeLineIcos(setting, oldNeighbor) } //new neigbor node if (newNeighbor) { view.setNodeLineIcos(setting, newNeighbor) } //repair checkbox / radio if (!!setting.check && setting.check.enable && view.repairChkClass) { view.repairChkClass(setting, oldParentNode) view.repairParentChkClassWithSelf(setting, oldParentNode) if (oldParentNode != node.parent) view.repairParentChkClassWithSelf(setting, node) } //expand parents after move if (!isSilent) { view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag) } }, removeEditBtn: function(setting, node) { $$(node, consts.id.EDIT, setting) .unbind() .remove() }, removeRemoveBtn: function(setting, node) { $$(node, consts.id.REMOVE, setting) .unbind() .remove() }, removeTreeDom: function(setting, node) { node.isHover = false view.removeEditBtn(setting, node) view.removeRemoveBtn(setting, node) tools.apply(setting.view.removeHoverDom, [setting.treeId, node]) }, repairNodeLevelClass: function(setting, node, oldLevel) { if (oldLevel === node.level) return var liObj = $$(node, setting), aObj = $$(node, consts.id.A, setting), ulObj = $$(node, consts.id.UL, setting), oldClass = consts.className.LEVEL + oldLevel, newClass = consts.className.LEVEL + node.level liObj.removeClass(oldClass) liObj.addClass(newClass) aObj.removeClass(oldClass) aObj.addClass(newClass) ulObj.removeClass(oldClass) ulObj.addClass(newClass) }, selectNodes: function(setting, nodes) { for (var i = 0, l = nodes.length; i < l; i++) { view.selectNode(setting, nodes[i], i > 0) } } }, _z = { tools: _tools, view: _view, event: _event, data: _data } $.extend(true, $.fn.zTree.consts, _consts) $.extend(true, $.fn.zTree._z, _z) var zt = $.fn.zTree, tools = zt._z.tools, consts = zt.consts, view = zt._z.view, data = zt._z.data, event = zt._z.event, $$ = tools.$ data.exSetting(_setting) data.addInitBind(_bindEvent) data.addInitUnBind(_unbindEvent) data.addInitCache(_initCache) data.addInitNode(_initNode) data.addInitProxy(_eventProxy) data.addInitRoot(_initRoot) data.addZTreeTools(_zTreeTools) var _cancelPreSelectedNode = view.cancelPreSelectedNode view.cancelPreSelectedNode = function(setting, node) { var list = data.getRoot(setting).curSelectedList for (var i = 0, j = list.length; i < j; i++) { if (!node || node === list[i]) { view.removeTreeDom(setting, list[i]) if (node) break } } if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments) } var _createNodes = view.createNodes view.createNodes = function(setting, level, nodes, parentNode, index) { if (_createNodes) { _createNodes.apply(view, arguments) } if (!nodes) return if (view.repairParentChkClassWithSelf) { view.repairParentChkClassWithSelf(setting, parentNode) } } var _makeNodeUrl = view.makeNodeUrl view.makeNodeUrl = function(setting, node) { return setting.edit.enable ? null : _makeNodeUrl.apply(view, arguments) } var _removeNode = view.removeNode view.removeNode = function(setting, node) { var root = data.getRoot(setting) if (root.curEditNode === node) root.curEditNode = null if (_removeNode) { _removeNode.apply(view, arguments) } } var _selectNode = view.selectNode view.selectNode = function(setting, node, addFlag) { var root = data.getRoot(setting) if (data.isSelectedNode(setting, node) && root.curEditNode == node && node.editNameFlag) { return false } if (_selectNode) _selectNode.apply(view, arguments) view.addHoverDom(setting, node) return true } var _uCanDo = tools.uCanDo tools.uCanDo = function(setting, e) { var root = data.getRoot(setting) if ( e && (tools.eqs(e.type, "mouseover") || tools.eqs(e.type, "mouseout") || tools.eqs(e.type, "mousedown") || tools.eqs(e.type, "mouseup")) ) { return true } if (root.curEditNode) { view.editNodeBlur = false root.curEditInput.focus() } return !root.curEditNode && (_uCanDo ? _uCanDo.apply(view, arguments) : true) } })(jQuery)