/* eslint-disable */ /* * JQuery zTree core v3.5.37 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * email: hunter.z@263.net * Date: 2018-08-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: {}, 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' }, 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) && !(isParent === false || (typeof isParent === 'string' && tools.eqs(isParent, 'false')))) { 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 || 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 } return node[key] }, nodeName: function (setting, node, newName) { var key = setting.data.key.name if (typeof newName !== 'undefined') { node[key] = newName } return '' + node[key] }, nodeTitle: function (setting, node) { var t = setting.data.key.title === '' ? setting.data.key.name : setting.data.key.title return '' + node[t] }, 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) { 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 || []) } 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) || 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), fontStyle = [] for (var f in fontcss) { fontStyle.push(f, ':', fontcss[f], ';') } html.push(" 0) ? "href='" + url + "'" : ''), " target='", view.makeNodeTarget(node), "' style='", fontStyle.join(''), "'") if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) { html.push("title='", title.replace(/'/g, ''').replace(//g, '>'), "'") } html.push('>') }, makeNodeFontCss: function (setting, node) { var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss) return (fontCss && ((typeof fontCss) !== 'function')) ? fontCss : {} }, makeNodeIcoClass: function (setting, node) { var icoCss = ['ico'] if (!node.isAjaxing) { 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 { icoCss.push(consts.folder.DOCU) } } return consts.className.BUTTON + ' ' + icoCss.join('_') }, 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('width:0px;height:0px;') } } return icoStyle.join('') }, makeNodeLineClass: function (setting, node) { var lineClass = [] if (setting.view.showLine) { if (node.level == 0 && node.isFirstNode && node.isLastNode) { lineClass.push(consts.line.ROOT) } else if (node.level == 0 && node.isFirstNode) { lineClass.push(consts.line.ROOTS) } else if (node.isLastNode) { lineClass.push(consts.line.BOTTOM) } else { lineClass.push(consts.line.CENTER) } } else { lineClass.push(consts.line.NOLINE) } if (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 if (typeof Element === '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 ( centerIfNeeded === false || (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) { 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) } }, 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)) }, 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) } } 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 || 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 || 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) } } } 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.37 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * email: hunter.z@263.net * Date: 2018-08-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) checked = data.nodeChecked(setting, n, checked) 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) { var 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 } 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.37 * http://treejs.cn/ * * Copyright (c) 2010 Hunter.z * * Licensed same as jquery - MIT License * http://www.opensource.org/licenses/mit-license.php * * email: hunter.z@263.net * Date: 2018-08-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 || 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 || (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)