/*
|
* JQuery zTree core
|
* v3.5.46
|
* http://treejs.cn/
|
*
|
* Copyright (c) 2010 Hunter.z
|
*
|
* Licensed same as jquery - MIT License
|
* http://www.opensource.org/licenses/mit-license.php
|
*
|
* Date: 2020-11-21
|
*/
|
|
(function($) {
|
var settings = {},
|
roots = {},
|
caches = {},
|
//default consts of core
|
_consts = {
|
className: {
|
BUTTON: "button",
|
LEVEL: "level",
|
ICO_LOADING: "ico_loading",
|
SWITCH: "switch",
|
NAME: "node_name",
|
},
|
event: {
|
NODECREATED: "ztree_nodeCreated",
|
CLICK: "ztree_click",
|
EXPAND: "ztree_expand",
|
COLLAPSE: "ztree_collapse",
|
ASYNC_SUCCESS: "ztree_async_success",
|
ASYNC_ERROR: "ztree_async_error",
|
REMOVE: "ztree_remove",
|
SELECTED: "ztree_selected",
|
UNSELECTED: "ztree_unselected",
|
},
|
id: {
|
A: "_a",
|
ICON: "_ico",
|
SPAN: "_span",
|
SWITCH: "_switch",
|
UL: "_ul",
|
},
|
line: {
|
ROOT: "root",
|
ROOTS: "roots",
|
CENTER: "center",
|
BOTTOM: "bottom",
|
NOLINE: "noline",
|
LINE: "line",
|
},
|
folder: {
|
OPEN: "open",
|
CLOSE: "close",
|
DOCU: "docu",
|
},
|
node: {
|
CURSELECTED: "curSelectedNode",
|
},
|
},
|
//default setting of core
|
_setting = {
|
treeId: "",
|
treeObj: null,
|
view: {
|
addDiyDom: null,
|
autoCancelSelected: true,
|
dblClickExpand: true,
|
expandSpeed: "fast",
|
fontCss: {},
|
nodeClasses: {},
|
nameIsHTML: false,
|
selectedMulti: true,
|
showIcon: true,
|
showLine: true,
|
showTitle: true,
|
txtSelectedEnable: false,
|
},
|
data: {
|
key: {
|
isParent: "isParent",
|
children: "children",
|
name: "name",
|
title: "",
|
url: "url",
|
icon: "icon",
|
},
|
render: {
|
name: null,
|
title: null,
|
},
|
simpleData: {
|
enable: false,
|
idKey: "id",
|
pIdKey: "pId",
|
rootPId: null,
|
},
|
keep: {
|
parent: false,
|
leaf: false,
|
},
|
},
|
async: {
|
enable: false,
|
contentType: "application/x-www-form-urlencoded",
|
type: "post",
|
dataType: "text",
|
headers: {},
|
xhrFields: {},
|
url: "",
|
autoParam: [],
|
otherParam: [],
|
dataFilter: null,
|
},
|
callback: {
|
beforeAsync: null,
|
beforeClick: null,
|
beforeDblClick: null,
|
beforeRightClick: null,
|
beforeMouseDown: null,
|
beforeMouseUp: null,
|
beforeExpand: null,
|
beforeCollapse: null,
|
beforeRemove: null,
|
|
onAsyncError: null,
|
onAsyncSuccess: null,
|
onNodeCreated: null,
|
onClick: null,
|
onDblClick: null,
|
onRightClick: null,
|
onMouseDown: null,
|
onMouseUp: null,
|
onExpand: null,
|
onCollapse: null,
|
onRemove: null,
|
},
|
},
|
//default root of core
|
//zTree use root to save full data
|
_initRoot = function(setting) {
|
var r = data.getRoot(setting);
|
if (!r) {
|
r = {};
|
data.setRoot(setting, r);
|
}
|
data.nodeChildren(setting, r, []);
|
r.expandTriggerFlag = false;
|
r.curSelectedList = [];
|
r.noSelection = true;
|
r.createdNodes = [];
|
r.zId = 0;
|
r._ver = new Date().getTime();
|
},
|
//default cache of core
|
_initCache = function(setting) {
|
var c = data.getCache(setting);
|
if (!c) {
|
c = {};
|
data.setCache(setting, c);
|
}
|
c.nodes = [];
|
c.doms = [];
|
},
|
//default bindEvent of core
|
_bindEvent = function(setting) {
|
var o = setting.treeObj,
|
c = consts.event;
|
o.bind(c.NODECREATED, function(event, treeId, node) {
|
tools.apply(setting.callback.onNodeCreated, [event, treeId, node]);
|
});
|
|
o.bind(c.CLICK, function(event, srcEvent, treeId, node, clickFlag) {
|
tools.apply(setting.callback.onClick, [
|
srcEvent,
|
treeId,
|
node,
|
clickFlag,
|
]);
|
});
|
|
o.bind(c.EXPAND, function(event, treeId, node) {
|
tools.apply(setting.callback.onExpand, [event, treeId, node]);
|
});
|
|
o.bind(c.COLLAPSE, function(event, treeId, node) {
|
tools.apply(setting.callback.onCollapse, [event, treeId, node]);
|
});
|
|
o.bind(c.ASYNC_SUCCESS, function(event, treeId, node, msg) {
|
tools.apply(setting.callback.onAsyncSuccess, [
|
event,
|
treeId,
|
node,
|
msg,
|
]);
|
});
|
|
o.bind(c.ASYNC_ERROR, function(
|
event,
|
treeId,
|
node,
|
XMLHttpRequest,
|
textStatus,
|
errorThrown
|
) {
|
tools.apply(setting.callback.onAsyncError, [
|
event,
|
treeId,
|
node,
|
XMLHttpRequest,
|
textStatus,
|
errorThrown,
|
]);
|
});
|
|
o.bind(c.REMOVE, function(event, treeId, treeNode) {
|
tools.apply(setting.callback.onRemove, [event, treeId, treeNode]);
|
});
|
|
o.bind(c.SELECTED, function(event, treeId, node) {
|
tools.apply(setting.callback.onSelected, [treeId, node]);
|
});
|
o.bind(c.UNSELECTED, function(event, treeId, node) {
|
tools.apply(setting.callback.onUnSelected, [treeId, node]);
|
});
|
},
|
_unbindEvent = function(setting) {
|
var o = setting.treeObj,
|
c = consts.event;
|
o.unbind(c.NODECREATED)
|
.unbind(c.CLICK)
|
.unbind(c.EXPAND)
|
.unbind(c.COLLAPSE)
|
.unbind(c.ASYNC_SUCCESS)
|
.unbind(c.ASYNC_ERROR)
|
.unbind(c.REMOVE)
|
.unbind(c.SELECTED)
|
.unbind(c.UNSELECTED);
|
},
|
//default event proxy of core
|
_eventProxy = function(event) {
|
var target = event.target,
|
setting = data.getSetting(event.data.treeId),
|
tId = "",
|
node = null,
|
nodeEventType = "",
|
treeEventType = "",
|
nodeEventCallback = null,
|
treeEventCallback = null,
|
tmp = null;
|
|
if (tools.eqs(event.type, "mousedown")) {
|
treeEventType = "mousedown";
|
} else if (tools.eqs(event.type, "mouseup")) {
|
treeEventType = "mouseup";
|
} else if (tools.eqs(event.type, "contextmenu")) {
|
treeEventType = "contextmenu";
|
} else if (tools.eqs(event.type, "click")) {
|
if (
|
tools.eqs(target.tagName, "span") &&
|
target.getAttribute("treeNode" + consts.id.SWITCH) !== null
|
) {
|
tId = tools.getNodeMainDom(target).id;
|
nodeEventType = "switchNode";
|
} else {
|
tmp = tools.getMDom(setting, target, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (tmp) {
|
tId = tools.getNodeMainDom(tmp).id;
|
nodeEventType = "clickNode";
|
}
|
}
|
} else if (tools.eqs(event.type, "dblclick")) {
|
treeEventType = "dblclick";
|
tmp = tools.getMDom(setting, target, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (tmp) {
|
tId = tools.getNodeMainDom(tmp).id;
|
nodeEventType = "switchNode";
|
}
|
}
|
if (treeEventType.length > 0 && tId.length == 0) {
|
tmp = tools.getMDom(setting, target, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (tmp) {
|
tId = tools.getNodeMainDom(tmp).id;
|
}
|
}
|
// event to node
|
if (tId.length > 0) {
|
node = data.getNodeCache(setting, tId);
|
switch (nodeEventType) {
|
case "switchNode":
|
var isParent = data.nodeIsParent(setting, node);
|
if (!isParent) {
|
nodeEventType = "";
|
} else if (
|
tools.eqs(event.type, "click") ||
|
(tools.eqs(event.type, "dblclick") &&
|
tools.apply(
|
setting.view.dblClickExpand,
|
[setting.treeId, node],
|
setting.view.dblClickExpand
|
))
|
) {
|
nodeEventCallback = handler.onSwitchNode;
|
} else {
|
nodeEventType = "";
|
}
|
break;
|
case "clickNode":
|
nodeEventCallback = handler.onClickNode;
|
break;
|
}
|
}
|
// event to zTree
|
switch (treeEventType) {
|
case "mousedown":
|
treeEventCallback = handler.onZTreeMousedown;
|
break;
|
case "mouseup":
|
treeEventCallback = handler.onZTreeMouseup;
|
break;
|
case "dblclick":
|
treeEventCallback = handler.onZTreeDblclick;
|
break;
|
case "contextmenu":
|
treeEventCallback = handler.onZTreeContextmenu;
|
break;
|
}
|
var proxyResult = {
|
stop: false,
|
node: node,
|
nodeEventType: nodeEventType,
|
nodeEventCallback: nodeEventCallback,
|
treeEventType: treeEventType,
|
treeEventCallback: treeEventCallback,
|
};
|
return proxyResult;
|
},
|
//default init node of core
|
_initNode = function(
|
setting,
|
level,
|
n,
|
parentNode,
|
isFirstNode,
|
isLastNode,
|
openFlag
|
) {
|
if (!n) return;
|
var r = data.getRoot(setting),
|
children = data.nodeChildren(setting, n);
|
n.level = level;
|
n.tId = setting.treeId + "_" + ++r.zId;
|
n.parentTId = parentNode ? parentNode.tId : null;
|
n.open = typeof n.open == "string" ? tools.eqs(n.open, "true") : !!n.open;
|
var isParent = data.nodeIsParent(setting, n);
|
if (tools.isArray(children)) {
|
data.nodeIsParent(setting, n, true);
|
n.zAsync = true;
|
} else {
|
isParent = data.nodeIsParent(setting, n, isParent);
|
n.open = isParent && !setting.async.enable ? n.open : false;
|
n.zAsync = !isParent;
|
}
|
n.isFirstNode = isFirstNode;
|
n.isLastNode = isLastNode;
|
n.getParentNode = function() {
|
return data.getNodeCache(setting, n.parentTId);
|
};
|
n.getPreNode = function() {
|
return data.getPreNode(setting, n);
|
};
|
n.getNextNode = function() {
|
return data.getNextNode(setting, n);
|
};
|
n.getIndex = function() {
|
return data.getNodeIndex(setting, n);
|
};
|
n.getPath = function() {
|
return data.getNodePath(setting, n);
|
};
|
n.isAjaxing = false;
|
data.fixPIdKeyValue(setting, n);
|
},
|
_init = {
|
bind: [_bindEvent],
|
unbind: [_unbindEvent],
|
caches: [_initCache],
|
nodes: [_initNode],
|
proxys: [_eventProxy],
|
roots: [_initRoot],
|
beforeA: [],
|
afterA: [],
|
innerBeforeA: [],
|
innerAfterA: [],
|
zTreeTools: [],
|
},
|
//method of operate data
|
data = {
|
addNodeCache: function(setting, node) {
|
data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node;
|
},
|
getNodeCacheId: function(tId) {
|
return tId.substring(tId.lastIndexOf("_") + 1);
|
},
|
addAfterA: function(afterA) {
|
_init.afterA.push(afterA);
|
},
|
addBeforeA: function(beforeA) {
|
_init.beforeA.push(beforeA);
|
},
|
addInnerAfterA: function(innerAfterA) {
|
_init.innerAfterA.push(innerAfterA);
|
},
|
addInnerBeforeA: function(innerBeforeA) {
|
_init.innerBeforeA.push(innerBeforeA);
|
},
|
addInitBind: function(bindEvent) {
|
_init.bind.push(bindEvent);
|
},
|
addInitUnBind: function(unbindEvent) {
|
_init.unbind.push(unbindEvent);
|
},
|
addInitCache: function(initCache) {
|
_init.caches.push(initCache);
|
},
|
addInitNode: function(initNode) {
|
_init.nodes.push(initNode);
|
},
|
addInitProxy: function(initProxy, isFirst) {
|
if (!!isFirst) {
|
_init.proxys.splice(0, 0, initProxy);
|
} else {
|
_init.proxys.push(initProxy);
|
}
|
},
|
addInitRoot: function(initRoot) {
|
_init.roots.push(initRoot);
|
},
|
addNodesData: function(setting, parentNode, index, nodes) {
|
var children = data.nodeChildren(setting, parentNode),
|
params;
|
if (!children) {
|
children = data.nodeChildren(setting, parentNode, []);
|
index = -1;
|
} else if (index >= children.length) {
|
index = -1;
|
}
|
|
if (children.length > 0 && index === 0) {
|
children[0].isFirstNode = false;
|
view.setNodeLineIcos(setting, children[0]);
|
} else if (children.length > 0 && index < 0) {
|
children[children.length - 1].isLastNode = false;
|
view.setNodeLineIcos(setting, children[children.length - 1]);
|
}
|
data.nodeIsParent(setting, parentNode, true);
|
|
if (index < 0) {
|
data.nodeChildren(setting, parentNode, children.concat(nodes));
|
} else {
|
params = [index, 0].concat(nodes);
|
children.splice.apply(children, params);
|
}
|
},
|
addSelectedNode: function(setting, node) {
|
var root = data.getRoot(setting);
|
if (!data.isSelectedNode(setting, node)) {
|
root.curSelectedList.push(node);
|
}
|
},
|
addCreatedNode: function(setting, node) {
|
if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
|
var root = data.getRoot(setting);
|
root.createdNodes.push(node);
|
}
|
},
|
addZTreeTools: function(zTreeTools) {
|
_init.zTreeTools.push(zTreeTools);
|
},
|
exSetting: function(s) {
|
$.extend(true, _setting, s);
|
},
|
fixPIdKeyValue: function(setting, node) {
|
if (setting.data.simpleData.enable) {
|
node[setting.data.simpleData.pIdKey] = node.parentTId
|
? node.getParentNode()[setting.data.simpleData.idKey]
|
: setting.data.simpleData.rootPId;
|
}
|
},
|
getAfterA: function(setting, node, array) {
|
for (var i = 0, j = _init.afterA.length; i < j; i++) {
|
_init.afterA[i].apply(this, arguments);
|
}
|
},
|
getBeforeA: function(setting, node, array) {
|
for (var i = 0, j = _init.beforeA.length; i < j; i++) {
|
_init.beforeA[i].apply(this, arguments);
|
}
|
},
|
getInnerAfterA: function(setting, node, array) {
|
for (var i = 0, j = _init.innerAfterA.length; i < j; i++) {
|
_init.innerAfterA[i].apply(this, arguments);
|
}
|
},
|
getInnerBeforeA: function(setting, node, array) {
|
for (var i = 0, j = _init.innerBeforeA.length; i < j; i++) {
|
_init.innerBeforeA[i].apply(this, arguments);
|
}
|
},
|
getCache: function(setting) {
|
return caches[setting.treeId];
|
},
|
getNodeIndex: function(setting, node) {
|
if (!node) return null;
|
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
|
children = data.nodeChildren(setting, p);
|
for (var i = 0, l = children.length - 1; i <= l; i++) {
|
if (children[i] === node) {
|
return i;
|
}
|
}
|
return -1;
|
},
|
getNextNode: function(setting, node) {
|
if (!node) return null;
|
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
|
children = data.nodeChildren(setting, p);
|
for (var i = 0, l = children.length - 1; i <= l; i++) {
|
if (children[i] === node) {
|
return i == l ? null : children[i + 1];
|
}
|
}
|
return null;
|
},
|
getNodeByParam: function(setting, nodes, key, value) {
|
if (!nodes || !key) return null;
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
if (node[key] == value) {
|
return nodes[i];
|
}
|
var children = data.nodeChildren(setting, node);
|
var tmp = data.getNodeByParam(setting, children, key, value);
|
if (tmp) return tmp;
|
}
|
return null;
|
},
|
getNodeCache: function(setting, tId) {
|
if (!tId) return null;
|
var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)];
|
return n ? n : null;
|
},
|
getNodePath: function(setting, node) {
|
if (!node) return null;
|
|
var path;
|
if (node.parentTId) {
|
path = node.getParentNode().getPath();
|
} else {
|
path = [];
|
}
|
|
if (path) {
|
path.push(node);
|
}
|
|
return path;
|
},
|
getNodes: function(setting) {
|
return data.nodeChildren(setting, data.getRoot(setting));
|
},
|
getNodesByParam: function(setting, nodes, key, value) {
|
if (!nodes || !key) return [];
|
var result = [];
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
if (node[key] == value) {
|
result.push(node);
|
}
|
var children = data.nodeChildren(setting, node);
|
result = result.concat(
|
data.getNodesByParam(setting, children, key, value)
|
);
|
}
|
return result;
|
},
|
getNodesByParamFuzzy: function(setting, nodes, key, value) {
|
if (!nodes || !key) return [];
|
var result = [];
|
value = value.toLowerCase();
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
if (
|
typeof node[key] == "string" &&
|
nodes[i][key].toLowerCase().indexOf(value) > -1
|
) {
|
result.push(node);
|
}
|
var children = data.nodeChildren(setting, node);
|
result = result.concat(
|
data.getNodesByParamFuzzy(setting, children, key, value)
|
);
|
}
|
return result;
|
},
|
getNodesByFilter: function(
|
setting,
|
nodes,
|
filter,
|
isSingle,
|
invokeParam
|
) {
|
if (!nodes) return isSingle ? null : [];
|
var result = isSingle ? null : [];
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
if (tools.apply(filter, [node, invokeParam], false)) {
|
if (isSingle) {
|
return node;
|
}
|
result.push(node);
|
}
|
var children = data.nodeChildren(setting, node);
|
var tmpResult = data.getNodesByFilter(
|
setting,
|
children,
|
filter,
|
isSingle,
|
invokeParam
|
);
|
if (isSingle && !!tmpResult) {
|
return tmpResult;
|
}
|
result = isSingle ? tmpResult : result.concat(tmpResult);
|
}
|
return result;
|
},
|
getPreNode: function(setting, node) {
|
if (!node) return null;
|
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
|
children = data.nodeChildren(setting, p);
|
for (var i = 0, l = children.length; i < l; i++) {
|
if (children[i] === node) {
|
return i == 0 ? null : children[i - 1];
|
}
|
}
|
return null;
|
},
|
getRoot: function(setting) {
|
return setting ? roots[setting.treeId] : null;
|
},
|
getRoots: function() {
|
return roots;
|
},
|
getSetting: function(treeId) {
|
return settings[treeId];
|
},
|
getSettings: function() {
|
return settings;
|
},
|
getZTreeTools: function(treeId) {
|
var r = this.getRoot(this.getSetting(treeId));
|
return r ? r.treeTools : null;
|
},
|
initCache: function(setting) {
|
for (var i = 0, j = _init.caches.length; i < j; i++) {
|
_init.caches[i].apply(this, arguments);
|
}
|
},
|
initNode: function(setting, level, node, parentNode, preNode, nextNode) {
|
for (var i = 0, j = _init.nodes.length; i < j; i++) {
|
_init.nodes[i].apply(this, arguments);
|
}
|
},
|
initRoot: function(setting) {
|
for (var i = 0, j = _init.roots.length; i < j; i++) {
|
_init.roots[i].apply(this, arguments);
|
}
|
},
|
isSelectedNode: function(setting, node) {
|
var root = data.getRoot(setting);
|
for (var i = 0, j = root.curSelectedList.length; i < j; i++) {
|
if (node === root.curSelectedList[i]) return true;
|
}
|
return false;
|
},
|
nodeChildren: function(setting, node, newChildren) {
|
if (!node) {
|
return null;
|
}
|
var key = setting.data.key.children;
|
if (typeof newChildren !== "undefined") {
|
node[key] = newChildren;
|
}
|
return node[key];
|
},
|
nodeIsParent: function(setting, node, newIsParent) {
|
if (!node) {
|
return false;
|
}
|
|
var key = setting.data.key.isParent;
|
if (typeof newIsParent !== "undefined") {
|
if (typeof newIsParent === "string") {
|
newIsParent = tools.eqs(newIsParent, "true");
|
}
|
newIsParent = !!newIsParent;
|
node[key] = newIsParent;
|
} else if (typeof node[key] == "string") {
|
node[key] = tools.eqs(node[key], "true");
|
} else {
|
node[key] = !!node[key];
|
}
|
|
// 匹配空目录
|
if (node.type == "MENU") {
|
node[key] = true;
|
}
|
|
return node[key];
|
},
|
nodeName: function(setting, node, newName) {
|
var key = setting.data.key.name;
|
if (typeof newName !== "undefined") {
|
node[key] = newName;
|
}
|
var rawName = "" + node[key];
|
if (typeof setting.data.render.name === "function") {
|
return setting.data.render.name.call(this, rawName, node);
|
}
|
return rawName;
|
},
|
nodeTitle: function(setting, node) {
|
var t =
|
setting.data.key.title === ""
|
? setting.data.key.name
|
: setting.data.key.title;
|
var rawTitle = "" + node[t];
|
if (typeof setting.data.render.title === "function") {
|
return setting.data.render.title.call(this, rawTitle, node);
|
}
|
return rawTitle;
|
},
|
removeNodeCache: function(setting, node) {
|
var children = data.nodeChildren(setting, node);
|
if (children) {
|
for (var i = 0, l = children.length; i < l; i++) {
|
data.removeNodeCache(setting, children[i]);
|
}
|
}
|
data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null;
|
},
|
removeSelectedNode: function(setting, node) {
|
var root = data.getRoot(setting);
|
for (var i = 0, j = root.curSelectedList.length; i < j; i++) {
|
if (
|
node === root.curSelectedList[i] ||
|
!data.getNodeCache(setting, root.curSelectedList[i].tId)
|
) {
|
root.curSelectedList.splice(i, 1);
|
setting.treeObj.trigger(consts.event.UNSELECTED, [
|
setting.treeId,
|
node,
|
]);
|
i--;
|
j--;
|
}
|
}
|
},
|
setCache: function(setting, cache) {
|
caches[setting.treeId] = cache;
|
},
|
setRoot: function(setting, root) {
|
roots[setting.treeId] = root;
|
},
|
setZTreeTools: function(setting, zTreeTools) {
|
for (var i = 0, j = _init.zTreeTools.length; i < j; i++) {
|
_init.zTreeTools[i].apply(this, arguments);
|
}
|
},
|
transformToArrayFormat: function(setting, nodes) {
|
if (!nodes) return [];
|
var r = [];
|
if (tools.isArray(nodes)) {
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
_do(node);
|
}
|
} else {
|
_do(nodes);
|
}
|
return r;
|
|
function _do(_node) {
|
r.push(_node);
|
var children = data.nodeChildren(setting, _node);
|
if (children) {
|
r = r.concat(data.transformToArrayFormat(setting, children));
|
}
|
}
|
},
|
transformTozTreeFormat: function(setting, sNodes) {
|
var i,
|
l,
|
key = setting.data.simpleData.idKey,
|
parentKey = setting.data.simpleData.pIdKey;
|
if (!key || key == "" || !sNodes) return [];
|
|
if (tools.isArray(sNodes)) {
|
var r = [];
|
var tmpMap = {};
|
for (i = 0, l = sNodes.length; i < l; i++) {
|
tmpMap[sNodes[i][key]] = sNodes[i];
|
}
|
for (i = 0, l = sNodes.length; i < l; i++) {
|
var p = tmpMap[sNodes[i][parentKey]];
|
if (p && sNodes[i][key] != sNodes[i][parentKey]) {
|
var children = data.nodeChildren(setting, p);
|
if (!children) {
|
children = data.nodeChildren(setting, p, []);
|
}
|
children.push(sNodes[i]);
|
} else {
|
r.push(sNodes[i]);
|
}
|
}
|
return r;
|
} else {
|
return [sNodes];
|
}
|
},
|
},
|
//method of event proxy
|
event = {
|
bindEvent: function(setting) {
|
for (var i = 0, j = _init.bind.length; i < j; i++) {
|
_init.bind[i].apply(this, arguments);
|
}
|
},
|
unbindEvent: function(setting) {
|
for (var i = 0, j = _init.unbind.length; i < j; i++) {
|
_init.unbind[i].apply(this, arguments);
|
}
|
},
|
bindTree: function(setting) {
|
var eventParam = {
|
treeId: setting.treeId,
|
},
|
o = setting.treeObj;
|
if (!setting.view.txtSelectedEnable) {
|
// for can't select text
|
o.bind("selectstart", handler.onSelectStart).css({
|
"-moz-user-select": "-moz-none",
|
});
|
}
|
o.bind("click", eventParam, event.proxy);
|
o.bind("dblclick", eventParam, event.proxy);
|
o.bind("mouseover", eventParam, event.proxy);
|
o.bind("mouseout", eventParam, event.proxy);
|
o.bind("mousedown", eventParam, event.proxy);
|
o.bind("mouseup", eventParam, event.proxy);
|
o.bind("contextmenu", eventParam, event.proxy);
|
},
|
unbindTree: function(setting) {
|
var o = setting.treeObj;
|
o.unbind("selectstart", handler.onSelectStart)
|
.unbind("click", event.proxy)
|
.unbind("dblclick", event.proxy)
|
.unbind("mouseover", event.proxy)
|
.unbind("mouseout", event.proxy)
|
.unbind("mousedown", event.proxy)
|
.unbind("mouseup", event.proxy)
|
.unbind("contextmenu", event.proxy);
|
},
|
doProxy: function(e) {
|
var results = [];
|
for (var i = 0, j = _init.proxys.length; i < j; i++) {
|
var proxyResult = _init.proxys[i].apply(this, arguments);
|
results.push(proxyResult);
|
if (proxyResult.stop) {
|
break;
|
}
|
}
|
return results;
|
},
|
proxy: function(e) {
|
var setting = data.getSetting(e.data.treeId);
|
if (!tools.uCanDo(setting, e)) return true;
|
var results = event.doProxy(e),
|
r = true,
|
x = false;
|
for (var i = 0, l = results.length; i < l; i++) {
|
var proxyResult = results[i];
|
if (proxyResult.nodeEventCallback) {
|
x = true;
|
r =
|
proxyResult.nodeEventCallback.apply(proxyResult, [
|
e,
|
proxyResult.node,
|
]) && r;
|
}
|
if (proxyResult.treeEventCallback) {
|
x = true;
|
r =
|
proxyResult.treeEventCallback.apply(proxyResult, [
|
e,
|
proxyResult.node,
|
]) && r;
|
}
|
}
|
return r;
|
},
|
},
|
//method of event handler
|
handler = {
|
onSwitchNode: function(event, node) {
|
var setting = data.getSetting(event.data.treeId);
|
if (node.open) {
|
if (
|
tools.apply(
|
setting.callback.beforeCollapse,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return true;
|
data.getRoot(setting).expandTriggerFlag = true;
|
view.switchNode(setting, node);
|
} else {
|
if (
|
tools.apply(
|
setting.callback.beforeExpand,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return true;
|
data.getRoot(setting).expandTriggerFlag = true;
|
view.switchNode(setting, node);
|
}
|
return true;
|
},
|
onClickNode: function(event, node) {
|
// debugger
|
var setting = data.getSetting(event.data.treeId),
|
clickFlag =
|
setting.view.autoCancelSelected &&
|
(event.ctrlKey || event.metaKey) &&
|
data.isSelectedNode(setting, node)
|
? 0
|
: setting.view.autoCancelSelected &&
|
(event.ctrlKey || event.metaKey) &&
|
setting.view.selectedMulti
|
? 2
|
: 1;
|
if (
|
tools.apply(
|
setting.callback.beforeClick,
|
[setting.treeId, node, clickFlag],
|
true
|
) == false
|
)
|
return true;
|
if (clickFlag === 0) {
|
view.cancelPreSelectedNode(setting, node);
|
} else {
|
view.selectNode(setting, node, clickFlag === 2);
|
}
|
setting.treeObj.trigger(consts.event.CLICK, [
|
event,
|
setting.treeId,
|
node,
|
clickFlag,
|
]);
|
return true;
|
},
|
onZTreeMousedown: function(event, node) {
|
var setting = data.getSetting(event.data.treeId);
|
if (
|
tools.apply(
|
setting.callback.beforeMouseDown,
|
[setting.treeId, node],
|
true
|
)
|
) {
|
tools.apply(setting.callback.onMouseDown, [
|
event,
|
setting.treeId,
|
node,
|
]);
|
}
|
return true;
|
},
|
onZTreeMouseup: function(event, node) {
|
var setting = data.getSetting(event.data.treeId);
|
if (
|
tools.apply(
|
setting.callback.beforeMouseUp,
|
[setting.treeId, node],
|
true
|
)
|
) {
|
tools.apply(setting.callback.onMouseUp, [
|
event,
|
setting.treeId,
|
node,
|
]);
|
}
|
return true;
|
},
|
onZTreeDblclick: function(event, node) {
|
var setting = data.getSetting(event.data.treeId);
|
if (
|
tools.apply(
|
setting.callback.beforeDblClick,
|
[setting.treeId, node],
|
true
|
)
|
) {
|
tools.apply(setting.callback.onDblClick, [
|
event,
|
setting.treeId,
|
node,
|
]);
|
}
|
return true;
|
},
|
onZTreeContextmenu: function(event, node) {
|
var setting = data.getSetting(event.data.treeId);
|
if (
|
tools.apply(
|
setting.callback.beforeRightClick,
|
[setting.treeId, node],
|
true
|
)
|
) {
|
tools.apply(setting.callback.onRightClick, [
|
event,
|
setting.treeId,
|
node,
|
]);
|
}
|
return typeof setting.callback.onRightClick != "function";
|
},
|
onSelectStart: function(e) {
|
var n = e.originalEvent.srcElement.nodeName.toLowerCase();
|
return n === "input" || n === "textarea";
|
},
|
},
|
//method of tools for zTree
|
tools = {
|
apply: function(fun, param, defaultValue) {
|
if (typeof fun == "function") {
|
return fun.apply(zt, param ? param : []);
|
}
|
return defaultValue;
|
},
|
canAsync: function(setting, node) {
|
var children = data.nodeChildren(setting, node);
|
var isParent = data.nodeIsParent(setting, node);
|
return (
|
setting.async.enable &&
|
node &&
|
isParent &&
|
!(node.zAsync || (children && children.length > 0))
|
);
|
},
|
clone: function(obj) {
|
if (obj === null) return null;
|
var o = tools.isArray(obj) ? [] : {};
|
for (var i in obj) {
|
o[i] =
|
obj[i] instanceof Date
|
? new Date(obj[i].getTime())
|
: typeof obj[i] === "object"
|
? tools.clone(obj[i])
|
: obj[i];
|
}
|
return o;
|
},
|
eqs: function(str1, str2) {
|
return str1.toLowerCase() === str2.toLowerCase();
|
},
|
isArray: function(arr) {
|
return Object.prototype.toString.apply(arr) === "[object Array]";
|
},
|
isElement: function(o) {
|
return typeof HTMLElement === "object"
|
? o instanceof HTMLElement //DOM2
|
: o &&
|
typeof o === "object" &&
|
o !== null &&
|
o.nodeType === 1 &&
|
typeof o.nodeName === "string";
|
},
|
$: function(node, exp, setting) {
|
if (!!exp && typeof exp != "string") {
|
setting = exp;
|
exp = "";
|
}
|
if (typeof node == "string") {
|
return $(node, setting ? setting.treeObj.get(0).ownerDocument : null);
|
} else {
|
return $("#" + node.tId + exp, setting ? setting.treeObj : null);
|
}
|
},
|
getMDom: function(setting, curDom, targetExpr) {
|
if (!curDom) return null;
|
while (curDom && curDom.id !== setting.treeId) {
|
for (var i = 0, l = targetExpr.length; curDom.tagName && i < l; i++) {
|
if (
|
tools.eqs(curDom.tagName, targetExpr[i].tagName) &&
|
curDom.getAttribute(targetExpr[i].attrName) !== null
|
) {
|
return curDom;
|
}
|
}
|
curDom = curDom.parentNode;
|
}
|
return null;
|
},
|
getNodeMainDom: function(target) {
|
return (
|
$(target)
|
.parent("li")
|
.get(0) ||
|
$(target)
|
.parentsUntil("li")
|
.parent()
|
.get(0)
|
);
|
},
|
isChildOrSelf: function(dom, parentId) {
|
return $(dom).closest("#" + parentId).length > 0;
|
},
|
uCanDo: function(setting, e) {
|
return true;
|
},
|
},
|
//method of operate ztree dom
|
view = {
|
addNodes: function(setting, parentNode, index, newNodes, isSilent) {
|
var isParent = data.nodeIsParent(setting, parentNode);
|
if (setting.data.keep.leaf && parentNode && !isParent) {
|
return;
|
}
|
if (!tools.isArray(newNodes)) {
|
newNodes = [newNodes];
|
}
|
if (setting.data.simpleData.enable) {
|
newNodes = data.transformTozTreeFormat(setting, newNodes);
|
}
|
if (parentNode) {
|
var target_switchObj = $$(parentNode, consts.id.SWITCH, setting),
|
target_icoObj = $$(parentNode, consts.id.ICON, setting),
|
target_ulObj = $$(parentNode, consts.id.UL, setting);
|
|
if (!parentNode.open) {
|
view.replaceSwitchClass(
|
parentNode,
|
target_switchObj,
|
consts.folder.CLOSE
|
);
|
view.replaceIcoClass(
|
parentNode,
|
target_icoObj,
|
consts.folder.CLOSE
|
);
|
parentNode.open = false;
|
target_ulObj.css({
|
display: "none",
|
});
|
}
|
|
data.addNodesData(setting, parentNode, index, newNodes);
|
view.createNodes(
|
setting,
|
parentNode.level + 1,
|
newNodes,
|
parentNode,
|
index
|
);
|
if (!isSilent) {
|
view.expandCollapseParentNode(setting, parentNode, true);
|
}
|
} else {
|
data.addNodesData(setting, data.getRoot(setting), index, newNodes);
|
view.createNodes(setting, 0, newNodes, null, index);
|
}
|
},
|
appendNodes: function(
|
setting,
|
level,
|
nodes,
|
parentNode,
|
index,
|
initFlag,
|
openFlag
|
) {
|
if (!nodes) return [];
|
var html = [];
|
|
var tmpPNode = parentNode ? parentNode : data.getRoot(setting),
|
tmpPChild = data.nodeChildren(setting, tmpPNode),
|
isFirstNode,
|
isLastNode;
|
|
if (!tmpPChild || index >= tmpPChild.length - nodes.length) {
|
index = -1;
|
}
|
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
if (initFlag) {
|
isFirstNode =
|
(index === 0 || tmpPChild.length == nodes.length) && i == 0;
|
isLastNode = index < 0 && i == nodes.length - 1;
|
data.initNode(
|
setting,
|
level,
|
node,
|
parentNode,
|
isFirstNode,
|
isLastNode,
|
openFlag
|
);
|
data.addNodeCache(setting, node);
|
}
|
var isParent = data.nodeIsParent(setting, node);
|
|
var childHtml = [];
|
var children = data.nodeChildren(setting, node);
|
if (children && children.length > 0) {
|
//make child html first, because checkType
|
childHtml = view.appendNodes(
|
setting,
|
level + 1,
|
children,
|
node,
|
-1,
|
initFlag,
|
openFlag && node.open
|
);
|
}
|
if (openFlag) {
|
view.makeDOMNodeMainBefore(html, setting, node);
|
view.makeDOMNodeLine(html, setting, node);
|
data.getBeforeA(setting, node, html);
|
view.makeDOMNodeNameBefore(html, setting, node);
|
data.getInnerBeforeA(setting, node, html);
|
view.makeDOMNodeIcon(html, setting, node);
|
data.getInnerAfterA(setting, node, html);
|
view.makeDOMNodeNameAfter(html, setting, node);
|
data.getAfterA(setting, node, html);
|
if (isParent && node.open) {
|
view.makeUlHtml(setting, node, html, childHtml.join(""));
|
}
|
view.makeDOMNodeMainAfter(html, setting, node);
|
data.addCreatedNode(setting, node);
|
}
|
}
|
return html;
|
},
|
appendParentULDom: function(setting, node) {
|
var html = [],
|
nObj = $$(node, setting);
|
if (!nObj.get(0) && !!node.parentTId) {
|
view.appendParentULDom(setting, node.getParentNode());
|
nObj = $$(node, setting);
|
}
|
var ulObj = $$(node, consts.id.UL, setting);
|
if (ulObj.get(0)) {
|
ulObj.remove();
|
}
|
var children = data.nodeChildren(setting, node),
|
childHtml = view.appendNodes(
|
setting,
|
node.level + 1,
|
children,
|
node,
|
-1,
|
false,
|
true
|
);
|
view.makeUlHtml(setting, node, html, childHtml.join(""));
|
nObj.append(html.join(""));
|
},
|
asyncNode: function(setting, node, isSilent, callback) {
|
var i, l;
|
var isParent = data.nodeIsParent(setting, node);
|
if (node && !isParent) {
|
tools.apply(callback);
|
return false;
|
} else if (node && node.isAjaxing) {
|
return false;
|
} else if (
|
tools.apply(
|
setting.callback.beforeAsync,
|
[setting.treeId, node],
|
true
|
) == false
|
) {
|
tools.apply(callback);
|
return false;
|
}
|
if (node) {
|
node.isAjaxing = true;
|
var icoObj = $$(node, consts.id.ICON, setting);
|
icoObj.attr({
|
style: "",
|
class: consts.className.BUTTON + " " + consts.className.ICO_LOADING,
|
});
|
}
|
|
var tmpParam = {};
|
var autoParam = tools.apply(
|
setting.async.autoParam,
|
[setting.treeId, node],
|
setting.async.autoParam
|
);
|
for (i = 0, l = autoParam.length; node && i < l; i++) {
|
var pKey = autoParam[i].split("="),
|
spKey = pKey;
|
if (pKey.length > 1) {
|
spKey = pKey[1];
|
pKey = pKey[0];
|
}
|
tmpParam[spKey] = node[pKey];
|
}
|
var otherParam = tools.apply(
|
setting.async.otherParam,
|
[setting.treeId, node],
|
setting.async.otherParam
|
);
|
if (tools.isArray(otherParam)) {
|
for (i = 0, l = otherParam.length; i < l; i += 2) {
|
tmpParam[otherParam[i]] = otherParam[i + 1];
|
}
|
} else {
|
for (var p in otherParam) {
|
tmpParam[p] = otherParam[p];
|
}
|
}
|
|
var _tmpV = data.getRoot(setting)._ver;
|
$.ajax({
|
contentType: setting.async.contentType,
|
cache: false,
|
type: setting.async.type,
|
url: tools.apply(
|
setting.async.url,
|
[setting.treeId, node],
|
setting.async.url
|
),
|
data:
|
setting.async.contentType.indexOf("application/json") > -1
|
? JSON.stringify(tmpParam)
|
: tmpParam,
|
dataType: setting.async.dataType,
|
headers: setting.async.headers,
|
xhrFields: setting.async.xhrFields,
|
success: function(msg) {
|
if (_tmpV != data.getRoot(setting)._ver) {
|
return;
|
}
|
var newNodes = [];
|
try {
|
if (!msg || msg.length == 0) {
|
newNodes = [];
|
} else if (typeof msg == "string") {
|
newNodes = eval("(" + msg + ")");
|
} else {
|
newNodes = msg;
|
}
|
} catch (err) {
|
newNodes = msg;
|
}
|
|
if (node) {
|
node.isAjaxing = null;
|
node.zAsync = true;
|
}
|
view.setNodeLineIcos(setting, node);
|
if (newNodes && newNodes !== "") {
|
newNodes = tools.apply(
|
setting.async.dataFilter,
|
[setting.treeId, node, newNodes],
|
newNodes
|
);
|
view.addNodes(
|
setting,
|
node,
|
-1,
|
!!newNodes ? tools.clone(newNodes) : [],
|
!!isSilent
|
);
|
} else {
|
view.addNodes(setting, node, -1, [], !!isSilent);
|
}
|
setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [
|
setting.treeId,
|
node,
|
msg,
|
]);
|
tools.apply(callback);
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
if (_tmpV != data.getRoot(setting)._ver) {
|
return;
|
}
|
if (node) node.isAjaxing = null;
|
view.setNodeLineIcos(setting, node);
|
setting.treeObj.trigger(consts.event.ASYNC_ERROR, [
|
setting.treeId,
|
node,
|
XMLHttpRequest,
|
textStatus,
|
errorThrown,
|
]);
|
},
|
});
|
return true;
|
},
|
cancelPreSelectedNode: function(setting, node, excludeNode) {
|
var list = data.getRoot(setting).curSelectedList,
|
i,
|
n;
|
for (i = list.length - 1; i >= 0; i--) {
|
n = list[i];
|
if (node === n || (!node && (!excludeNode || excludeNode !== n))) {
|
$$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED);
|
if (node) {
|
data.removeSelectedNode(setting, node);
|
break;
|
} else {
|
list.splice(i, 1);
|
setting.treeObj.trigger(consts.event.UNSELECTED, [
|
setting.treeId,
|
n,
|
]);
|
}
|
}
|
}
|
},
|
createNodeCallback: function(setting) {
|
if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
|
var root = data.getRoot(setting);
|
while (root.createdNodes.length > 0) {
|
var node = root.createdNodes.shift();
|
tools.apply(setting.view.addDiyDom, [setting.treeId, node]);
|
if (!!setting.callback.onNodeCreated) {
|
setting.treeObj.trigger(consts.event.NODECREATED, [
|
setting.treeId,
|
node,
|
]);
|
}
|
}
|
}
|
},
|
createNodes: function(setting, level, nodes, parentNode, index) {
|
if (!nodes || nodes.length == 0) return;
|
var root = data.getRoot(setting),
|
openFlag =
|
!parentNode ||
|
parentNode.open ||
|
!!$$(data.nodeChildren(setting, parentNode)[0], setting).get(0);
|
root.createdNodes = [];
|
var zTreeHtml = view.appendNodes(
|
setting,
|
level,
|
nodes,
|
parentNode,
|
index,
|
true,
|
openFlag
|
),
|
parentObj,
|
nextObj;
|
|
if (!parentNode) {
|
parentObj = setting.treeObj;
|
//setting.treeObj.append(zTreeHtml.join(''));
|
} else {
|
var ulObj = $$(parentNode, consts.id.UL, setting);
|
if (ulObj.get(0)) {
|
parentObj = ulObj;
|
//ulObj.append(zTreeHtml.join(''));
|
}
|
}
|
if (parentObj) {
|
if (index >= 0) {
|
nextObj = parentObj.children()[index];
|
}
|
if (index >= 0 && nextObj) {
|
$(nextObj).before(zTreeHtml.join(""));
|
} else {
|
parentObj.append(zTreeHtml.join(""));
|
}
|
}
|
|
view.createNodeCallback(setting);
|
},
|
destroy: function(setting) {
|
if (!setting) return;
|
data.initCache(setting);
|
data.initRoot(setting);
|
event.unbindTree(setting);
|
event.unbindEvent(setting);
|
setting.treeObj.empty();
|
delete settings[setting.treeId];
|
},
|
expandCollapseNode: function(
|
setting,
|
node,
|
expandFlag,
|
animateFlag,
|
callback
|
) {
|
var root = data.getRoot(setting);
|
var tmpCb, _callback;
|
if (!node) {
|
tools.apply(callback, []);
|
return;
|
}
|
var children = data.nodeChildren(setting, node);
|
var isParent = data.nodeIsParent(setting, node);
|
if (root.expandTriggerFlag) {
|
_callback = callback;
|
tmpCb = function() {
|
if (_callback) _callback();
|
if (node.open) {
|
setting.treeObj.trigger(consts.event.EXPAND, [
|
setting.treeId,
|
node,
|
]);
|
} else {
|
setting.treeObj.trigger(consts.event.COLLAPSE, [
|
setting.treeId,
|
node,
|
]);
|
}
|
};
|
callback = tmpCb;
|
root.expandTriggerFlag = false;
|
}
|
if (
|
!node.open &&
|
isParent &&
|
(!$$(node, consts.id.UL, setting).get(0) ||
|
(children &&
|
children.length > 0 &&
|
!$$(children[0], setting).get(0)))
|
) {
|
view.appendParentULDom(setting, node);
|
view.createNodeCallback(setting);
|
}
|
if (node.open == expandFlag) {
|
tools.apply(callback, []);
|
return;
|
}
|
var ulObj = $$(node, consts.id.UL, setting),
|
switchObj = $$(node, consts.id.SWITCH, setting),
|
icoObj = $$(node, consts.id.ICON, setting);
|
|
if (isParent) {
|
node.open = !node.open;
|
if (node.iconOpen && node.iconClose) {
|
icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
|
}
|
|
if (node.open) {
|
view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
|
view.replaceIcoClass(node, icoObj, consts.folder.OPEN);
|
if (animateFlag == false || setting.view.expandSpeed == "") {
|
ulObj.show();
|
tools.apply(callback, []);
|
} else {
|
if (children && children.length > 0) {
|
ulObj.slideDown(setting.view.expandSpeed, callback);
|
} else {
|
ulObj.show();
|
tools.apply(callback, []);
|
}
|
}
|
} else {
|
view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
|
view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
|
if (
|
animateFlag == false ||
|
setting.view.expandSpeed == "" ||
|
!(children && children.length > 0)
|
) {
|
ulObj.hide();
|
tools.apply(callback, []);
|
} else {
|
ulObj.slideUp(setting.view.expandSpeed, callback);
|
}
|
}
|
} else {
|
tools.apply(callback, []);
|
}
|
},
|
expandCollapseParentNode: function(
|
setting,
|
node,
|
expandFlag,
|
animateFlag,
|
callback
|
) {
|
if (!node) return;
|
if (!node.parentTId) {
|
view.expandCollapseNode(
|
setting,
|
node,
|
expandFlag,
|
animateFlag,
|
callback
|
);
|
return;
|
} else {
|
view.expandCollapseNode(setting, node, expandFlag, animateFlag);
|
}
|
if (node.parentTId) {
|
view.expandCollapseParentNode(
|
setting,
|
node.getParentNode(),
|
expandFlag,
|
animateFlag,
|
callback
|
);
|
}
|
},
|
expandCollapseSonNode: function(
|
setting,
|
node,
|
expandFlag,
|
animateFlag,
|
callback
|
) {
|
var root = data.getRoot(setting),
|
treeNodes = node
|
? data.nodeChildren(setting, node)
|
: data.nodeChildren(setting, root),
|
selfAnimateSign = node ? false : animateFlag,
|
expandTriggerFlag = data.getRoot(setting).expandTriggerFlag;
|
data.getRoot(setting).expandTriggerFlag = false;
|
if (treeNodes) {
|
for (var i = 0, l = treeNodes.length; i < l; i++) {
|
if (treeNodes[i])
|
view.expandCollapseSonNode(
|
setting,
|
treeNodes[i],
|
expandFlag,
|
selfAnimateSign
|
);
|
}
|
}
|
data.getRoot(setting).expandTriggerFlag = expandTriggerFlag;
|
view.expandCollapseNode(
|
setting,
|
node,
|
expandFlag,
|
animateFlag,
|
callback
|
);
|
},
|
isSelectedNode: function(setting, node) {
|
if (!node) {
|
return false;
|
}
|
var list = data.getRoot(setting).curSelectedList,
|
i;
|
for (i = list.length - 1; i >= 0; i--) {
|
if (node === list[i]) {
|
return true;
|
}
|
}
|
return false;
|
},
|
makeDOMNodeIcon: function(html, setting, node) {
|
var nameStr = data.nodeName(setting, node),
|
name = setting.view.nameIsHTML
|
? nameStr
|
: nameStr
|
.replace(/&/g, "&")
|
.replace(/</g, "<")
|
.replace(/>/g, ">");
|
html.push(
|
"<span id='",
|
node.tId,
|
consts.id.ICON,
|
"' title='' treeNode",
|
consts.id.ICON,
|
" class='",
|
view.makeNodeIcoClass(setting, node),
|
"' style='",
|
view.makeNodeIcoStyle(setting, node),
|
"'></span><span id='",
|
node.tId,
|
consts.id.SPAN,
|
"' class='",
|
view.makeNodeNameClass(node),
|
"'>",
|
name,
|
"</span>"
|
);
|
},
|
makeDOMNodeLine: function(html, setting, node) {
|
html.push(
|
"<span id='",
|
node.tId,
|
consts.id.SWITCH,
|
"' title='' class='",
|
view.makeNodeLineClass(setting, node),
|
"' treeNode",
|
consts.id.SWITCH,
|
"></span>"
|
);
|
},
|
makeDOMNodeMainAfter: function(html, setting, node) {
|
html.push("</li>");
|
},
|
makeDOMNodeMainBefore: function(html, setting, node) {
|
html.push(
|
"<li id='",
|
node.tId,
|
"' class='",
|
consts.className.LEVEL,
|
node.level,
|
"' tabindex='0' hidefocus='true' treenode>"
|
);
|
},
|
makeDOMNodeNameAfter: function(html, setting, node) {
|
html.push("</a>");
|
},
|
makeDOMNodeNameBefore: function(html, setting, node) {
|
var title = data.nodeTitle(setting, node),
|
url = view.makeNodeUrl(setting, node),
|
fontcss = view.makeNodeFontCss(setting, node),
|
nodeClasses = view.makeNodeClasses(setting, node),
|
fontStyle = [];
|
for (var f in fontcss) {
|
fontStyle.push(f, ":", fontcss[f], ";");
|
}
|
html.push(
|
"<a id='",
|
node.tId,
|
consts.id.A,
|
"' class='",
|
consts.className.LEVEL,
|
node.level,
|
nodeClasses.add ? " " + nodeClasses.add.join(" ") : "",
|
"' treeNode",
|
consts.id.A,
|
node.click ? ' onclick="' + node.click + '"' : "",
|
url != null && url.length > 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, "<")
|
.replace(/>/g, ">"),
|
"'"
|
);
|
}
|
html.push(">");
|
},
|
makeNodeFontCss: function(setting, node) {
|
var fontCss = tools.apply(
|
setting.view.fontCss,
|
[setting.treeId, node],
|
setting.view.fontCss
|
);
|
return fontCss && typeof fontCss != "function" ? fontCss : {};
|
},
|
makeNodeClasses: function(setting, node) {
|
var classes = tools.apply(
|
setting.view.nodeClasses,
|
[setting.treeId, node],
|
setting.view.nodeClasses
|
);
|
return classes && typeof classes !== "function"
|
? classes
|
: { add: [], remove: [] };
|
},
|
makeNodeIcoClass: function(setting, node) {
|
var icoCss = ["ico"];
|
if (!node.isAjaxing) {
|
var isParent = data.nodeIsParent(setting, node);
|
icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0];
|
if (isParent) {
|
icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
|
} else {
|
// 定制子节点图标
|
let fontClass = "";
|
if (node.type === "4" && !node.isAI) {
|
fontClass = "iconjiankongshexiangji";
|
} else if (node.isAI) {
|
fontClass = "iconfenxishexiangji";
|
}
|
|
if (node.isRunning) {
|
fontClass = fontClass + " running";
|
}
|
|
return "iconfont " + fontClass;
|
}
|
}
|
return consts.className.BUTTON + " " + icoCss.join("_");
|
},
|
makeNodeNameClass: function(node) {
|
let icoCss = "";
|
if (node.isRunning) {
|
icoCss = " running";
|
}
|
return consts.className.NAME + icoCss;
|
},
|
makeNodeIcoStyle: function(setting, node) {
|
var icoStyle = [];
|
if (!node.isAjaxing) {
|
var isParent = data.nodeIsParent(setting, node);
|
var icon =
|
isParent && node.iconOpen && node.iconClose
|
? node.open
|
? node.iconOpen
|
: node.iconClose
|
: node[setting.data.key.icon];
|
if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;");
|
if (
|
setting.view.showIcon == false ||
|
!tools.apply(setting.view.showIcon, [setting.treeId, node], true)
|
) {
|
icoStyle.push("display:none;");
|
}
|
}
|
return icoStyle.join("");
|
},
|
makeNodeLineClass: function(setting, node) {
|
var lineClass = [];
|
if (setting.view.showLine) {
|
if (node.level == 0 && node.isFirstNode && node.isLastNode) {
|
lineClass.push(consts.line.ROOT);
|
} else if (node.level == 0 && node.isFirstNode) {
|
lineClass.push(consts.line.ROOTS);
|
} else if (node.isLastNode) {
|
lineClass.push(consts.line.BOTTOM);
|
} else {
|
lineClass.push(consts.line.CENTER);
|
}
|
} else {
|
lineClass.push(consts.line.NOLINE);
|
}
|
if (data.nodeIsParent(setting, node)) {
|
lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
|
} else {
|
lineClass.push(consts.folder.DOCU);
|
}
|
return view.makeNodeLineClassEx(node) + lineClass.join("_");
|
},
|
makeNodeLineClassEx: function(node) {
|
return (
|
consts.className.BUTTON +
|
" " +
|
consts.className.LEVEL +
|
node.level +
|
" " +
|
consts.className.SWITCH +
|
" "
|
);
|
},
|
makeNodeTarget: function(node) {
|
return node.target || "_blank";
|
},
|
makeNodeUrl: function(setting, node) {
|
var urlKey = setting.data.key.url;
|
return node[urlKey] ? node[urlKey] : null;
|
},
|
makeUlHtml: function(setting, node, html, content) {
|
html.push(
|
"<ul id='",
|
node.tId,
|
consts.id.UL,
|
"' class='",
|
consts.className.LEVEL,
|
node.level,
|
" ",
|
view.makeUlLineClass(setting, node),
|
"' style='display:",
|
node.open ? "block" : "none",
|
"'>"
|
);
|
html.push(content);
|
html.push("</ul>");
|
},
|
makeUlLineClass: function(setting, node) {
|
return setting.view.showLine && !node.isLastNode
|
? consts.line.LINE
|
: "";
|
},
|
removeChildNodes: function(setting, node) {
|
if (!node) return;
|
var nodes = data.nodeChildren(setting, node);
|
if (!nodes) return;
|
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
data.removeNodeCache(setting, nodes[i]);
|
}
|
data.removeSelectedNode(setting);
|
delete node[setting.data.key.children];
|
|
if (!setting.data.keep.parent) {
|
data.nodeIsParent(setting, node, false);
|
node.open = false;
|
var tmp_switchObj = $$(node, consts.id.SWITCH, setting),
|
tmp_icoObj = $$(node, consts.id.ICON, setting);
|
view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU);
|
view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU);
|
$$(node, consts.id.UL, setting).remove();
|
} else {
|
$$(node, consts.id.UL, setting).empty();
|
}
|
},
|
scrollIntoView: function(setting, dom) {
|
if (!dom) {
|
return;
|
}
|
// support IE 7 / 8
|
if (
|
typeof Element === "undefined" ||
|
typeof HTMLElement === "undefined"
|
) {
|
var contRect = setting.treeObj.get(0).getBoundingClientRect(),
|
findMeRect = dom.getBoundingClientRect();
|
if (
|
findMeRect.top < contRect.top ||
|
findMeRect.bottom > contRect.bottom ||
|
findMeRect.right > contRect.right ||
|
findMeRect.left < contRect.left
|
) {
|
dom.scrollIntoView();
|
}
|
return;
|
}
|
// CC-BY jocki84@googlemail.com, https://gist.github.com/jocki84/6ffafd003387179a988e
|
if (!Element.prototype.scrollIntoViewIfNeeded) {
|
Element.prototype.scrollIntoViewIfNeeded = function(centerIfNeeded) {
|
"use strict";
|
|
function makeRange(start, length) {
|
return { start: start, length: length, end: start + length };
|
}
|
|
function coverRange(inner, outer) {
|
if (
|
false === centerIfNeeded ||
|
(outer.start < inner.end && inner.start < outer.end)
|
) {
|
return Math.max(
|
inner.end - outer.length,
|
Math.min(outer.start, inner.start)
|
);
|
}
|
return (inner.start + inner.end - outer.length) / 2;
|
}
|
|
function makePoint(x, y) {
|
return {
|
x: x,
|
y: y,
|
translate: function translate(dX, dY) {
|
return makePoint(x + dX, y + dY);
|
},
|
};
|
}
|
|
function absolute(elem, pt) {
|
while (elem) {
|
pt = pt.translate(elem.offsetLeft, elem.offsetTop);
|
elem = elem.offsetParent;
|
}
|
return pt;
|
}
|
|
var target = absolute(this, makePoint(0, 0)),
|
extent = makePoint(this.offsetWidth, this.offsetHeight),
|
elem = this.parentNode,
|
origin;
|
|
while (elem instanceof HTMLElement) {
|
// Apply desired scroll amount.
|
origin = absolute(
|
elem,
|
makePoint(elem.clientLeft, elem.clientTop)
|
);
|
elem.scrollLeft = coverRange(
|
makeRange(target.x - origin.x, extent.x),
|
makeRange(elem.scrollLeft, elem.clientWidth)
|
);
|
elem.scrollTop = coverRange(
|
makeRange(target.y - origin.y, extent.y),
|
makeRange(elem.scrollTop, elem.clientHeight)
|
);
|
|
// Determine actual scroll amount by reading back scroll properties.
|
target = target.translate(-elem.scrollLeft, -elem.scrollTop);
|
elem = elem.parentNode;
|
}
|
};
|
}
|
dom.scrollIntoViewIfNeeded();
|
},
|
setFirstNode: function(setting, parentNode) {
|
var children = data.nodeChildren(setting, parentNode);
|
if (children.length > 0) {
|
children[0].isFirstNode = true;
|
}
|
},
|
setLastNode: function(setting, parentNode) {
|
var children = data.nodeChildren(setting, parentNode);
|
if (children.length > 0) {
|
children[children.length - 1].isLastNode = true;
|
}
|
},
|
removeNode: function(setting, node) {
|
var root = data.getRoot(setting),
|
parentNode = node.parentTId ? node.getParentNode() : root;
|
|
node.isFirstNode = false;
|
node.isLastNode = false;
|
node.getPreNode = function() {
|
return null;
|
};
|
node.getNextNode = function() {
|
return null;
|
};
|
|
if (!data.getNodeCache(setting, node.tId)) {
|
return;
|
}
|
|
$$(node, setting).remove();
|
data.removeNodeCache(setting, node);
|
data.removeSelectedNode(setting, node);
|
|
var children = data.nodeChildren(setting, parentNode);
|
for (var i = 0, l = children.length; i < l; i++) {
|
if (children[i].tId == node.tId) {
|
children.splice(i, 1);
|
break;
|
}
|
}
|
view.setFirstNode(setting, parentNode);
|
view.setLastNode(setting, parentNode);
|
|
var tmp_ulObj,
|
tmp_switchObj,
|
tmp_icoObj,
|
childLength = children.length;
|
|
//repair nodes old parent
|
if (!setting.data.keep.parent && childLength == 0) {
|
//old parentNode has no child nodes
|
data.nodeIsParent(setting, parentNode, false);
|
parentNode.open = false;
|
delete parentNode[setting.data.key.children];
|
tmp_ulObj = $$(parentNode, consts.id.UL, setting);
|
tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting);
|
tmp_icoObj = $$(parentNode, consts.id.ICON, setting);
|
view.replaceSwitchClass(
|
parentNode,
|
tmp_switchObj,
|
consts.folder.DOCU
|
);
|
view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU);
|
tmp_ulObj.css("display", "none");
|
} else if (setting.view.showLine && childLength > 0) {
|
//old parentNode has child nodes
|
var newLast = children[childLength - 1];
|
tmp_ulObj = $$(newLast, consts.id.UL, setting);
|
tmp_switchObj = $$(newLast, consts.id.SWITCH, setting);
|
tmp_icoObj = $$(newLast, consts.id.ICON, setting);
|
if (parentNode == root) {
|
if (children.length == 1) {
|
//node was root, and ztree has only one root after move node
|
view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT);
|
} else {
|
var tmp_first_switchObj = $$(
|
children[0],
|
consts.id.SWITCH,
|
setting
|
);
|
view.replaceSwitchClass(
|
children[0],
|
tmp_first_switchObj,
|
consts.line.ROOTS
|
);
|
view.replaceSwitchClass(
|
newLast,
|
tmp_switchObj,
|
consts.line.BOTTOM
|
);
|
}
|
} else {
|
view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
|
}
|
tmp_ulObj.removeClass(consts.line.LINE);
|
}
|
},
|
replaceIcoClass: function(node, obj, newName) {
|
if (!obj || node.isAjaxing) return;
|
var tmpName = obj.attr("class");
|
if (tmpName == undefined) return;
|
var tmpList = tmpName.split("_");
|
switch (newName) {
|
case consts.folder.OPEN:
|
case consts.folder.CLOSE:
|
case consts.folder.DOCU:
|
tmpList[tmpList.length - 1] = newName;
|
break;
|
}
|
obj.attr("class", tmpList.join("_"));
|
},
|
replaceSwitchClass: function(node, obj, newName) {
|
if (!obj) return;
|
var tmpName = obj.attr("class");
|
if (tmpName == undefined) return;
|
var tmpList = tmpName.split("_");
|
switch (newName) {
|
case consts.line.ROOT:
|
case consts.line.ROOTS:
|
case consts.line.CENTER:
|
case consts.line.BOTTOM:
|
case consts.line.NOLINE:
|
tmpList[0] = view.makeNodeLineClassEx(node) + newName;
|
break;
|
case consts.folder.OPEN:
|
case consts.folder.CLOSE:
|
case consts.folder.DOCU:
|
tmpList[1] = newName;
|
break;
|
}
|
obj.attr("class", tmpList.join("_"));
|
if (newName !== consts.folder.DOCU) {
|
obj.removeAttr("disabled");
|
} else {
|
obj.attr("disabled", "disabled");
|
}
|
},
|
selectNode: function(setting, node, addFlag) {
|
// debugger
|
if (!addFlag) {
|
view.cancelPreSelectedNode(setting, null, node);
|
}
|
$$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED);
|
data.addSelectedNode(setting, node);
|
setting.treeObj.trigger(consts.event.SELECTED, [setting.treeId, node]);
|
},
|
setNodeFontCss: function(setting, treeNode) {
|
var aObj = $$(treeNode, consts.id.A, setting),
|
fontCss = view.makeNodeFontCss(setting, treeNode);
|
if (fontCss) {
|
aObj.css(fontCss);
|
}
|
},
|
setNodeClasses: function(setting, treeNode) {
|
var aObj = $$(treeNode, consts.id.A, setting),
|
classes = view.makeNodeClasses(setting, treeNode);
|
if ("add" in classes && classes.add.length) {
|
aObj.addClass(classes.add.join(" "));
|
}
|
if ("remove" in classes && classes.remove.length) {
|
aObj.removeClass(classes.remove.join(" "));
|
}
|
},
|
setNodeLineIcos: function(setting, node) {
|
if (!node) return;
|
var switchObj = $$(node, consts.id.SWITCH, setting),
|
ulObj = $$(node, consts.id.UL, setting),
|
icoObj = $$(node, consts.id.ICON, setting),
|
ulLine = view.makeUlLineClass(setting, node);
|
if (ulLine.length == 0) {
|
ulObj.removeClass(consts.line.LINE);
|
} else {
|
ulObj.addClass(ulLine);
|
}
|
switchObj.attr("class", view.makeNodeLineClass(setting, node));
|
if (data.nodeIsParent(setting, node)) {
|
switchObj.removeAttr("disabled");
|
} else {
|
switchObj.attr("disabled", "disabled");
|
}
|
icoObj.removeAttr("style");
|
icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
|
icoObj.attr("class", view.makeNodeIcoClass(setting, node));
|
// icoObj.attr("class", view.makeNodeNameClass(setting, node));
|
},
|
setNodeName: function(setting, node) {
|
var title = data.nodeTitle(setting, node),
|
nObj = $$(node, consts.id.SPAN, setting);
|
nObj.empty();
|
if (setting.view.nameIsHTML) {
|
nObj.html(data.nodeName(setting, node));
|
} else {
|
nObj.text(data.nodeName(setting, node));
|
}
|
if (
|
tools.apply(
|
setting.view.showTitle,
|
[setting.treeId, node],
|
setting.view.showTitle
|
)
|
) {
|
var aObj = $$(node, consts.id.A, setting);
|
aObj.attr("title", !title ? "" : title);
|
}
|
},
|
setNodeTarget: function(setting, node) {
|
var aObj = $$(node, consts.id.A, setting);
|
aObj.attr("target", view.makeNodeTarget(node));
|
},
|
setNodeUrl: function(setting, node) {
|
var aObj = $$(node, consts.id.A, setting),
|
url = view.makeNodeUrl(setting, node);
|
if (url == null || url.length == 0) {
|
aObj.removeAttr("href");
|
} else {
|
aObj.attr("href", url);
|
}
|
},
|
switchNode: function(setting, node) {
|
if (node.open || !tools.canAsync(setting, node)) {
|
view.expandCollapseNode(setting, node, !node.open);
|
} else if (setting.async.enable) {
|
if (!view.asyncNode(setting, node)) {
|
view.expandCollapseNode(setting, node, !node.open);
|
return;
|
}
|
} else if (node) {
|
view.expandCollapseNode(setting, node, !node.open);
|
}
|
},
|
};
|
// zTree defind
|
$.fn.zTree = {
|
consts: _consts,
|
_z: {
|
tools: tools,
|
view: view,
|
event: event,
|
data: data,
|
},
|
getZTreeObj: function(treeId) {
|
var o = data.getZTreeTools(treeId);
|
return o ? o : null;
|
},
|
destroy: function(treeId) {
|
if (!!treeId && treeId.length > 0) {
|
view.destroy(data.getSetting(treeId));
|
} else {
|
for (var s in settings) {
|
view.destroy(settings[s]);
|
}
|
}
|
},
|
init: function(obj, zSetting, zNodes) {
|
var setting = tools.clone(_setting);
|
$.extend(true, setting, zSetting);
|
setting.treeId = obj.attr("id");
|
setting.treeObj = obj;
|
setting.treeObj.empty();
|
settings[setting.treeId] = setting;
|
//For some older browser,(e.g., ie6)
|
if (typeof document.body.style.maxHeight === "undefined") {
|
setting.view.expandSpeed = "";
|
}
|
data.initRoot(setting);
|
var root = data.getRoot(setting);
|
zNodes = zNodes
|
? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes])
|
: [];
|
if (setting.data.simpleData.enable) {
|
data.nodeChildren(
|
setting,
|
root,
|
data.transformTozTreeFormat(setting, zNodes)
|
);
|
} else {
|
data.nodeChildren(setting, root, zNodes);
|
}
|
|
data.initCache(setting);
|
event.unbindTree(setting);
|
event.bindTree(setting);
|
event.unbindEvent(setting);
|
event.bindEvent(setting);
|
|
var zTreeTools = {
|
setting: setting,
|
addNodes: function(parentNode, index, newNodes, isSilent) {
|
if (!parentNode) parentNode = null;
|
var isParent = data.nodeIsParent(setting, parentNode);
|
if (parentNode && !isParent && setting.data.keep.leaf) return null;
|
|
var i = parseInt(index, 10);
|
if (isNaN(i)) {
|
isSilent = !!newNodes;
|
newNodes = index;
|
index = -1;
|
} else {
|
index = i;
|
}
|
if (!newNodes) return null;
|
|
var xNewNodes = tools.clone(
|
tools.isArray(newNodes) ? newNodes : [newNodes]
|
);
|
|
function addCallback() {
|
view.addNodes(
|
setting,
|
parentNode,
|
index,
|
xNewNodes,
|
isSilent == true
|
);
|
}
|
|
if (tools.canAsync(setting, parentNode)) {
|
view.asyncNode(setting, parentNode, isSilent, addCallback);
|
} else {
|
addCallback();
|
}
|
return xNewNodes;
|
},
|
cancelSelectedNode: function(node) {
|
view.cancelPreSelectedNode(setting, node);
|
},
|
destroy: function() {
|
view.destroy(setting);
|
},
|
expandAll: function(expandFlag) {
|
expandFlag = !!expandFlag;
|
view.expandCollapseSonNode(setting, null, expandFlag, true);
|
return expandFlag;
|
},
|
expandNode: function(node, expandFlag, sonSign, focus, callbackFlag) {
|
if (!node || !data.nodeIsParent(setting, node)) return null;
|
if (expandFlag !== true && expandFlag !== false) {
|
expandFlag = !node.open;
|
}
|
callbackFlag = !!callbackFlag;
|
|
if (
|
callbackFlag &&
|
expandFlag &&
|
tools.apply(
|
setting.callback.beforeExpand,
|
[setting.treeId, node],
|
true
|
) == false
|
) {
|
return null;
|
} else if (
|
callbackFlag &&
|
!expandFlag &&
|
tools.apply(
|
setting.callback.beforeCollapse,
|
[setting.treeId, node],
|
true
|
) == false
|
) {
|
return null;
|
}
|
if (expandFlag && node.parentTId) {
|
view.expandCollapseParentNode(
|
setting,
|
node.getParentNode(),
|
expandFlag,
|
false
|
);
|
}
|
if (expandFlag === node.open && !sonSign) {
|
return null;
|
}
|
|
data.getRoot(setting).expandTriggerFlag = callbackFlag;
|
if (!tools.canAsync(setting, node) && sonSign) {
|
view.expandCollapseSonNode(
|
setting,
|
node,
|
expandFlag,
|
true,
|
showNodeFocus
|
);
|
} else {
|
node.open = !expandFlag;
|
view.switchNode(this.setting, node);
|
showNodeFocus();
|
}
|
return expandFlag;
|
|
function showNodeFocus() {
|
var a = $$(node, setting).get(0);
|
if (a && focus !== false) {
|
view.scrollIntoView(setting, a);
|
}
|
}
|
},
|
getNodes: function() {
|
return data.getNodes(setting);
|
},
|
getNodeByParam: function(key, value, parentNode) {
|
if (!key) return null;
|
return data.getNodeByParam(
|
setting,
|
parentNode
|
? data.nodeChildren(setting, parentNode)
|
: data.getNodes(setting),
|
key,
|
value
|
);
|
},
|
getNodeByTId: function(tId) {
|
return data.getNodeCache(setting, tId);
|
},
|
getNodesByParam: function(key, value, parentNode) {
|
if (!key) return null;
|
return data.getNodesByParam(
|
setting,
|
parentNode
|
? data.nodeChildren(setting, parentNode)
|
: data.getNodes(setting),
|
key,
|
value
|
);
|
},
|
getNodesByParamFuzzy: function(key, value, parentNode) {
|
if (!key) return null;
|
return data.getNodesByParamFuzzy(
|
setting,
|
parentNode
|
? data.nodeChildren(setting, parentNode)
|
: data.getNodes(setting),
|
key,
|
value
|
);
|
},
|
getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) {
|
isSingle = !!isSingle;
|
if (!filter || typeof filter != "function")
|
return isSingle ? null : [];
|
return data.getNodesByFilter(
|
setting,
|
parentNode
|
? data.nodeChildren(setting, parentNode)
|
: data.getNodes(setting),
|
filter,
|
isSingle,
|
invokeParam
|
);
|
},
|
getNodeIndex: function(node) {
|
if (!node) return null;
|
var parentNode = node.parentTId
|
? node.getParentNode()
|
: data.getRoot(setting);
|
var children = data.nodeChildren(setting, parentNode);
|
for (var i = 0, l = children.length; i < l; i++) {
|
if (children[i] == node) return i;
|
}
|
return -1;
|
},
|
getSelectedNodes: function() {
|
var r = [],
|
list = data.getRoot(setting).curSelectedList;
|
for (var i = 0, l = list.length; i < l; i++) {
|
r.push(list[i]);
|
}
|
return r;
|
},
|
isSelectedNode: function(node) {
|
return data.isSelectedNode(setting, node);
|
},
|
reAsyncChildNodesPromise: function(parentNode, reloadType, isSilent) {
|
var promise = new Promise(function(resolve, reject) {
|
try {
|
zTreeTools.reAsyncChildNodes(
|
parentNode,
|
reloadType,
|
isSilent,
|
function() {
|
resolve(parentNode);
|
}
|
);
|
} catch (e) {
|
reject(e);
|
}
|
});
|
return promise;
|
},
|
reAsyncChildNodes: function(
|
parentNode,
|
reloadType,
|
isSilent,
|
callback
|
) {
|
if (!this.setting.async.enable) return;
|
var isRoot = !parentNode;
|
if (isRoot) {
|
parentNode = data.getRoot(setting);
|
}
|
if (reloadType == "refresh") {
|
var children = data.nodeChildren(setting, parentNode);
|
for (var i = 0, l = children ? children.length : 0; i < l; i++) {
|
data.removeNodeCache(setting, children[i]);
|
}
|
data.removeSelectedNode(setting);
|
data.nodeChildren(setting, parentNode, []);
|
if (isRoot) {
|
this.setting.treeObj.empty();
|
} else {
|
var ulObj = $$(parentNode, consts.id.UL, setting);
|
ulObj.empty();
|
}
|
}
|
view.asyncNode(
|
this.setting,
|
isRoot ? null : parentNode,
|
!!isSilent,
|
callback
|
);
|
},
|
refresh: function() {
|
this.setting.treeObj.empty();
|
var root = data.getRoot(setting),
|
nodes = data.nodeChildren(setting, root);
|
data.initRoot(setting);
|
data.nodeChildren(setting, root, nodes);
|
data.initCache(setting);
|
view.createNodes(
|
setting,
|
0,
|
data.nodeChildren(setting, root),
|
null,
|
-1
|
);
|
},
|
removeChildNodes: function(node) {
|
if (!node) return null;
|
var nodes = data.nodeChildren(setting, node);
|
view.removeChildNodes(setting, node);
|
return nodes ? nodes : null;
|
},
|
removeNode: function(node, callbackFlag) {
|
if (!node) return;
|
callbackFlag = !!callbackFlag;
|
if (
|
callbackFlag &&
|
tools.apply(
|
setting.callback.beforeRemove,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return;
|
view.removeNode(setting, node);
|
if (callbackFlag) {
|
this.setting.treeObj.trigger(consts.event.REMOVE, [
|
setting.treeId,
|
node,
|
]);
|
}
|
},
|
selectNode: function(node, addFlag, isSilent) {
|
if (!node) return;
|
if (tools.uCanDo(setting)) {
|
addFlag = setting.view.selectedMulti && addFlag;
|
if (node.parentTId) {
|
view.expandCollapseParentNode(
|
setting,
|
node.getParentNode(),
|
true,
|
false,
|
showNodeFocus
|
);
|
} else if (!isSilent) {
|
try {
|
$$(node, setting)
|
.focus()
|
.blur();
|
} catch (e) {}
|
}
|
view.selectNode(setting, node, addFlag);
|
}
|
|
function showNodeFocus() {
|
if (isSilent) {
|
return;
|
}
|
var a = $$(node, setting).get(0);
|
view.scrollIntoView(setting, a);
|
}
|
},
|
transformTozTreeNodes: function(simpleNodes) {
|
return data.transformTozTreeFormat(setting, simpleNodes);
|
},
|
transformToArray: function(nodes) {
|
return data.transformToArrayFormat(setting, nodes);
|
},
|
updateNode: function(node, checkTypeFlag) {
|
if (!node) return;
|
var nObj = $$(node, setting);
|
if (nObj.get(0) && tools.uCanDo(setting)) {
|
view.setNodeName(setting, node);
|
view.setNodeTarget(setting, node);
|
view.setNodeUrl(setting, node);
|
view.setNodeLineIcos(setting, node);
|
view.setNodeFontCss(setting, node);
|
view.setNodeClasses(setting, node);
|
}
|
},
|
};
|
root.treeTools = zTreeTools;
|
data.setZTreeTools(setting, zTreeTools);
|
var children = data.nodeChildren(setting, root);
|
if (children && children.length > 0) {
|
view.createNodes(setting, 0, children, null, -1);
|
} else if (
|
setting.async.enable &&
|
setting.async.url &&
|
setting.async.url !== ""
|
) {
|
view.asyncNode(setting);
|
}
|
return zTreeTools;
|
},
|
};
|
|
var zt = $.fn.zTree,
|
$$ = tools.$,
|
consts = zt.consts;
|
})(jQuery);
|
/*
|
* JQuery zTree excheck
|
* v3.5.46
|
* http://treejs.cn/
|
*
|
* Copyright (c) 2010 Hunter.z
|
*
|
* Licensed same as jquery - MIT License
|
* http://www.opensource.org/licenses/mit-license.php
|
*
|
* Date: 2020-11-21
|
*/
|
|
(function($) {
|
//default consts of excheck
|
var _consts = {
|
event: {
|
CHECK: "ztree_check",
|
},
|
id: {
|
CHECK: "_check",
|
},
|
checkbox: {
|
STYLE: "checkbox",
|
DEFAULT: "chk",
|
DISABLED: "disable",
|
FALSE: "false",
|
TRUE: "true",
|
FULL: "full",
|
PART: "part",
|
FOCUS: "focus",
|
},
|
radio: {
|
STYLE: "radio",
|
TYPE_ALL: "all",
|
TYPE_LEVEL: "level",
|
},
|
},
|
//default setting of excheck
|
_setting = {
|
check: {
|
enable: false,
|
autoCheckTrigger: false,
|
chkStyle: _consts.checkbox.STYLE,
|
nocheckInherit: false,
|
chkDisabledInherit: false,
|
radioType: _consts.radio.TYPE_LEVEL,
|
chkboxType: {
|
Y: "ps",
|
N: "ps",
|
},
|
},
|
data: {
|
key: {
|
checked: "checked",
|
},
|
},
|
callback: {
|
beforeCheck: null,
|
onCheck: null,
|
},
|
},
|
//default root of excheck
|
_initRoot = function(setting) {
|
var r = data.getRoot(setting);
|
r.radioCheckedList = [];
|
},
|
//default cache of excheck
|
_initCache = function(treeId) {},
|
//default bind event of excheck
|
_bindEvent = function(setting) {
|
var o = setting.treeObj,
|
c = consts.event;
|
o.bind(c.CHECK, function(event, srcEvent, treeId, node) {
|
event.srcEvent = srcEvent;
|
tools.apply(setting.callback.onCheck, [event, treeId, node]);
|
});
|
},
|
_unbindEvent = function(setting) {
|
var o = setting.treeObj,
|
c = consts.event;
|
o.unbind(c.CHECK);
|
},
|
//default event proxy of excheck
|
_eventProxy = function(e) {
|
var target = e.target,
|
setting = data.getSetting(e.data.treeId),
|
tId = "",
|
node = null,
|
nodeEventType = "",
|
treeEventType = "",
|
nodeEventCallback = null,
|
treeEventCallback = null;
|
|
if (tools.eqs(e.type, "mouseover")) {
|
if (
|
setting.check.enable &&
|
tools.eqs(target.tagName, "span") &&
|
target.getAttribute("treeNode" + consts.id.CHECK) !== null
|
) {
|
tId = tools.getNodeMainDom(target).id;
|
nodeEventType = "mouseoverCheck";
|
}
|
} else if (tools.eqs(e.type, "mouseout")) {
|
if (
|
setting.check.enable &&
|
tools.eqs(target.tagName, "span") &&
|
target.getAttribute("treeNode" + consts.id.CHECK) !== null
|
) {
|
tId = tools.getNodeMainDom(target).id;
|
nodeEventType = "mouseoutCheck";
|
}
|
} else if (tools.eqs(e.type, "click")) {
|
if (
|
setting.check.enable &&
|
tools.eqs(target.tagName, "span") &&
|
target.getAttribute("treeNode" + consts.id.CHECK) !== null
|
) {
|
tId = tools.getNodeMainDom(target).id;
|
nodeEventType = "checkNode";
|
}
|
}
|
if (tId.length > 0) {
|
node = data.getNodeCache(setting, tId);
|
switch (nodeEventType) {
|
case "checkNode":
|
nodeEventCallback = _handler.onCheckNode;
|
break;
|
case "mouseoverCheck":
|
nodeEventCallback = _handler.onMouseoverCheck;
|
break;
|
case "mouseoutCheck":
|
nodeEventCallback = _handler.onMouseoutCheck;
|
break;
|
}
|
}
|
var proxyResult = {
|
stop: nodeEventType === "checkNode",
|
node: node,
|
nodeEventType: nodeEventType,
|
nodeEventCallback: nodeEventCallback,
|
treeEventType: treeEventType,
|
treeEventCallback: treeEventCallback,
|
};
|
return proxyResult;
|
},
|
//default init node of excheck
|
_initNode = function(
|
setting,
|
level,
|
n,
|
parentNode,
|
isFirstNode,
|
isLastNode,
|
openFlag
|
) {
|
if (!n) return;
|
var checked = data.nodeChecked(setting, n);
|
n.checkedOld = checked;
|
if (typeof n.nocheck == "string")
|
n.nocheck = tools.eqs(n.nocheck, "true");
|
n.nocheck =
|
!!n.nocheck ||
|
(setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
|
if (typeof n.chkDisabled == "string")
|
n.chkDisabled = tools.eqs(n.chkDisabled, "true");
|
n.chkDisabled =
|
!!n.chkDisabled ||
|
(setting.check.chkDisabledInherit &&
|
parentNode &&
|
!!parentNode.chkDisabled);
|
if (typeof n.halfCheck == "string")
|
n.halfCheck = tools.eqs(n.halfCheck, "true");
|
n.halfCheck = !!n.halfCheck;
|
n.check_Child_State = -1;
|
n.check_Focus = false;
|
n.getCheckStatus = function() {
|
return data.getCheckStatus(setting, n);
|
};
|
|
if (
|
setting.check.chkStyle == consts.radio.STYLE &&
|
setting.check.radioType == consts.radio.TYPE_ALL &&
|
checked
|
) {
|
var r = data.getRoot(setting);
|
r.radioCheckedList.push(n);
|
}
|
},
|
//add dom for check
|
_beforeA = function(setting, node, html) {
|
if (setting.check.enable) {
|
data.makeChkFlag(setting, node);
|
html.push(
|
"<span ID='",
|
node.tId,
|
consts.id.CHECK,
|
"' class='",
|
view.makeChkClass(setting, node),
|
"' treeNode",
|
consts.id.CHECK,
|
node.nocheck === true ? " style='display:none;'" : "",
|
"></span>"
|
);
|
}
|
},
|
//update zTreeObj, add method of check
|
_zTreeTools = function(setting, zTreeTools) {
|
zTreeTools.checkNode = function(
|
node,
|
checked,
|
checkTypeFlag,
|
callbackFlag
|
) {
|
var nodeChecked = data.nodeChecked(setting, node);
|
if (node.chkDisabled === true) return;
|
if (checked !== true && checked !== false) {
|
checked = !nodeChecked;
|
}
|
callbackFlag = !!callbackFlag;
|
|
if (nodeChecked === checked && !checkTypeFlag) {
|
return;
|
} else if (
|
callbackFlag &&
|
tools.apply(
|
this.setting.callback.beforeCheck,
|
[this.setting.treeId, node],
|
true
|
) == false
|
) {
|
return;
|
}
|
if (
|
tools.uCanDo(this.setting) &&
|
this.setting.check.enable &&
|
node.nocheck !== true
|
) {
|
data.nodeChecked(setting, node, checked);
|
var checkObj = $$(node, consts.id.CHECK, this.setting);
|
if (
|
checkTypeFlag ||
|
this.setting.check.chkStyle === consts.radio.STYLE
|
)
|
view.checkNodeRelation(this.setting, node);
|
view.setChkClass(this.setting, checkObj, node);
|
view.repairParentChkClassWithSelf(this.setting, node);
|
if (callbackFlag) {
|
this.setting.treeObj.trigger(consts.event.CHECK, [
|
null,
|
this.setting.treeId,
|
node,
|
]);
|
}
|
}
|
};
|
|
zTreeTools.checkAllNodes = function(checked) {
|
view.repairAllChk(this.setting, !!checked);
|
};
|
|
zTreeTools.getCheckedNodes = function(checked) {
|
checked = checked !== false;
|
var children = data.nodeChildren(setting, data.getRoot(this.setting));
|
return data.getTreeCheckedNodes(this.setting, children, checked);
|
};
|
|
zTreeTools.getChangeCheckedNodes = function() {
|
var children = data.nodeChildren(setting, data.getRoot(this.setting));
|
return data.getTreeChangeCheckedNodes(this.setting, children);
|
};
|
|
zTreeTools.setChkDisabled = function(
|
node,
|
disabled,
|
inheritParent,
|
inheritChildren
|
) {
|
disabled = !!disabled;
|
inheritParent = !!inheritParent;
|
inheritChildren = !!inheritChildren;
|
view.repairSonChkDisabled(
|
this.setting,
|
node,
|
disabled,
|
inheritChildren
|
);
|
view.repairParentChkDisabled(
|
this.setting,
|
node.getParentNode(),
|
disabled,
|
inheritParent
|
);
|
};
|
|
var _updateNode = zTreeTools.updateNode;
|
zTreeTools.updateNode = function(node, checkTypeFlag) {
|
if (_updateNode) _updateNode.apply(zTreeTools, arguments);
|
if (!node || !this.setting.check.enable) return;
|
var nObj = $$(node, this.setting);
|
if (nObj.get(0) && tools.uCanDo(this.setting)) {
|
var checkObj = $$(node, consts.id.CHECK, this.setting);
|
if (
|
checkTypeFlag == true ||
|
this.setting.check.chkStyle === consts.radio.STYLE
|
)
|
view.checkNodeRelation(this.setting, node);
|
view.setChkClass(this.setting, checkObj, node);
|
view.repairParentChkClassWithSelf(this.setting, node);
|
}
|
};
|
},
|
//method of operate data
|
_data = {
|
getRadioCheckedList: function(setting) {
|
var checkedList = data.getRoot(setting).radioCheckedList;
|
for (var i = 0, j = checkedList.length; i < j; i++) {
|
if (!data.getNodeCache(setting, checkedList[i].tId)) {
|
checkedList.splice(i, 1);
|
i--;
|
j--;
|
}
|
}
|
return checkedList;
|
},
|
getCheckStatus: function(setting, node) {
|
if (!setting.check.enable || node.nocheck || node.chkDisabled)
|
return null;
|
var checked = data.nodeChecked(setting, node),
|
r = {
|
checked: checked,
|
half: node.halfCheck
|
? node.halfCheck
|
: setting.check.chkStyle == consts.radio.STYLE
|
? node.check_Child_State === 2
|
: checked
|
? node.check_Child_State > -1 && node.check_Child_State < 2
|
: node.check_Child_State > 0,
|
};
|
return r;
|
},
|
getTreeCheckedNodes: function(setting, nodes, checked, results) {
|
if (!nodes) return [];
|
var onlyOne =
|
checked &&
|
setting.check.chkStyle == consts.radio.STYLE &&
|
setting.check.radioType == consts.radio.TYPE_ALL;
|
results = !results ? [] : results;
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
var children = data.nodeChildren(setting, node);
|
var nodeChecked = data.nodeChecked(setting, node);
|
if (
|
node.nocheck !== true &&
|
node.chkDisabled !== true &&
|
nodeChecked == checked
|
) {
|
results.push(node);
|
if (onlyOne) {
|
break;
|
}
|
}
|
data.getTreeCheckedNodes(setting, children, checked, results);
|
if (onlyOne && results.length > 0) {
|
break;
|
}
|
}
|
return results;
|
},
|
getTreeChangeCheckedNodes: function(setting, nodes, results) {
|
if (!nodes) return [];
|
results = !results ? [] : results;
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
var children = data.nodeChildren(setting, node);
|
var nodeChecked = data.nodeChecked(setting, node);
|
if (
|
node.nocheck !== true &&
|
node.chkDisabled !== true &&
|
nodeChecked != node.checkedOld
|
) {
|
results.push(node);
|
}
|
data.getTreeChangeCheckedNodes(setting, children, results);
|
}
|
return results;
|
},
|
makeChkFlag: function(setting, node) {
|
if (!node) return;
|
var chkFlag = -1;
|
var children = data.nodeChildren(setting, node);
|
if (children) {
|
for (var i = 0, l = children.length; i < l; i++) {
|
var cNode = children[i];
|
var nodeChecked = data.nodeChecked(setting, cNode);
|
var tmp = -1;
|
if (setting.check.chkStyle == consts.radio.STYLE) {
|
if (cNode.nocheck === true || cNode.chkDisabled === true) {
|
tmp = cNode.check_Child_State;
|
} else if (cNode.halfCheck === true) {
|
tmp = 2;
|
} else if (nodeChecked) {
|
tmp = 2;
|
} else {
|
tmp = cNode.check_Child_State > 0 ? 2 : 0;
|
}
|
if (tmp == 2) {
|
chkFlag = 2;
|
break;
|
} else if (tmp == 0) {
|
chkFlag = 0;
|
}
|
} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
|
if (cNode.nocheck === true || cNode.chkDisabled === true) {
|
tmp = cNode.check_Child_State;
|
} else if (cNode.halfCheck === true) {
|
tmp = 1;
|
} else if (nodeChecked) {
|
tmp =
|
cNode.check_Child_State === -1 ||
|
cNode.check_Child_State === 2
|
? 2
|
: 1;
|
} else {
|
tmp = cNode.check_Child_State > 0 ? 1 : 0;
|
}
|
if (tmp === 1) {
|
chkFlag = 1;
|
break;
|
} else if (
|
tmp === 2 &&
|
chkFlag > -1 &&
|
i > 0 &&
|
tmp !== chkFlag
|
) {
|
chkFlag = 1;
|
break;
|
} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
|
chkFlag = 1;
|
break;
|
} else if (tmp > -1) {
|
chkFlag = tmp;
|
}
|
}
|
}
|
}
|
node.check_Child_State = chkFlag;
|
},
|
},
|
//method of event proxy
|
_event = {},
|
//method of event handler
|
_handler = {
|
onCheckNode: function(event, node) {
|
if (node.chkDisabled === true) return false;
|
var setting = data.getSetting(event.data.treeId);
|
if (
|
tools.apply(
|
setting.callback.beforeCheck,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return true;
|
var nodeChecked = data.nodeChecked(setting, node);
|
data.nodeChecked(setting, node, !nodeChecked);
|
view.checkNodeRelation(setting, node);
|
var checkObj = $$(node, consts.id.CHECK, setting);
|
view.setChkClass(setting, checkObj, node);
|
view.repairParentChkClassWithSelf(setting, node);
|
setting.treeObj.trigger(consts.event.CHECK, [
|
event,
|
setting.treeId,
|
node,
|
]);
|
return true;
|
},
|
onMouseoverCheck: function(event, node) {
|
if (node.chkDisabled === true) return false;
|
var setting = data.getSetting(event.data.treeId),
|
checkObj = $$(node, consts.id.CHECK, setting);
|
node.check_Focus = true;
|
view.setChkClass(setting, checkObj, node);
|
return true;
|
},
|
onMouseoutCheck: function(event, node) {
|
if (node.chkDisabled === true) return false;
|
var setting = data.getSetting(event.data.treeId),
|
checkObj = $$(node, consts.id.CHECK, setting);
|
node.check_Focus = false;
|
view.setChkClass(setting, checkObj, node);
|
return true;
|
},
|
},
|
//method of tools for zTree
|
_tools = {},
|
//method of operate ztree dom
|
_view = {
|
checkNodeRelation: function(setting, node) {
|
var pNode,
|
i,
|
l,
|
r = consts.radio;
|
var nodeChecked = data.nodeChecked(setting, node);
|
if (setting.check.chkStyle == r.STYLE) {
|
var checkedList = data.getRadioCheckedList(setting);
|
if (nodeChecked) {
|
if (setting.check.radioType == r.TYPE_ALL) {
|
for (i = checkedList.length - 1; i >= 0; i--) {
|
pNode = checkedList[i];
|
var pNodeChecked = data.nodeChecked(setting, pNode);
|
if (pNodeChecked && pNode != node) {
|
data.nodeChecked(setting, pNode, false);
|
checkedList.splice(i, 1);
|
|
view.setChkClass(
|
setting,
|
$$(pNode, consts.id.CHECK, setting),
|
pNode
|
);
|
if (pNode.parentTId != node.parentTId) {
|
view.repairParentChkClassWithSelf(setting, pNode);
|
}
|
}
|
}
|
checkedList.push(node);
|
} else {
|
var parentNode = node.parentTId
|
? node.getParentNode()
|
: data.getRoot(setting);
|
var children = data.nodeChildren(setting, parentNode);
|
for (i = 0, l = children.length; i < l; i++) {
|
pNode = children[i];
|
var pNodeChecked = data.nodeChecked(setting, pNode);
|
if (pNodeChecked && pNode != node) {
|
data.nodeChecked(setting, pNode, false);
|
view.setChkClass(
|
setting,
|
$$(pNode, consts.id.CHECK, setting),
|
pNode
|
);
|
}
|
}
|
}
|
} else if (setting.check.radioType == r.TYPE_ALL) {
|
for (i = 0, l = checkedList.length; i < l; i++) {
|
if (node == checkedList[i]) {
|
checkedList.splice(i, 1);
|
break;
|
}
|
}
|
}
|
} else {
|
var children = data.nodeChildren(setting, node);
|
if (
|
nodeChecked &&
|
(!children ||
|
children.length == 0 ||
|
setting.check.chkboxType.Y.indexOf("s") > -1)
|
) {
|
view.setSonNodeCheckBox(setting, node, true);
|
}
|
if (
|
!nodeChecked &&
|
(!children ||
|
children.length == 0 ||
|
setting.check.chkboxType.N.indexOf("s") > -1)
|
) {
|
view.setSonNodeCheckBox(setting, node, false);
|
}
|
if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) {
|
view.setParentNodeCheckBox(setting, node, true);
|
}
|
if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) {
|
view.setParentNodeCheckBox(setting, node, false);
|
}
|
}
|
},
|
makeChkClass: function(setting, node) {
|
var c = consts.checkbox,
|
r = consts.radio,
|
fullStyle = "";
|
var nodeChecked = data.nodeChecked(setting, node);
|
if (node.chkDisabled === true) {
|
fullStyle = c.DISABLED;
|
} else if (node.halfCheck) {
|
fullStyle = c.PART;
|
} else if (setting.check.chkStyle == r.STYLE) {
|
fullStyle = node.check_Child_State < 1 ? c.FULL : c.PART;
|
} else {
|
fullStyle = nodeChecked
|
? node.check_Child_State === 2 || node.check_Child_State === -1
|
? c.FULL
|
: c.PART
|
: node.check_Child_State < 1
|
? c.FULL
|
: c.PART;
|
}
|
var chkName =
|
setting.check.chkStyle +
|
"_" +
|
(nodeChecked ? c.TRUE : c.FALSE) +
|
"_" +
|
fullStyle;
|
chkName =
|
node.check_Focus && node.chkDisabled !== true
|
? chkName + "_" + c.FOCUS
|
: chkName;
|
return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
|
},
|
repairAllChk: function(setting, checked) {
|
if (
|
setting.check.enable &&
|
setting.check.chkStyle === consts.checkbox.STYLE
|
) {
|
var root = data.getRoot(setting);
|
var children = data.nodeChildren(setting, root);
|
for (var i = 0, l = children.length; i < l; i++) {
|
var node = children[i];
|
if (node.nocheck !== true && node.chkDisabled !== true) {
|
data.nodeChecked(setting, node, checked);
|
}
|
view.setSonNodeCheckBox(setting, node, checked);
|
}
|
}
|
},
|
repairChkClass: function(setting, node) {
|
if (!node) return;
|
data.makeChkFlag(setting, node);
|
if (node.nocheck !== true) {
|
var checkObj = $$(node, consts.id.CHECK, setting);
|
view.setChkClass(setting, checkObj, node);
|
}
|
},
|
repairParentChkClass: function(setting, node) {
|
if (!node || !node.parentTId) return;
|
var pNode = node.getParentNode();
|
view.repairChkClass(setting, pNode);
|
view.repairParentChkClass(setting, pNode);
|
},
|
repairParentChkClassWithSelf: function(setting, node) {
|
if (!node) return;
|
var children = data.nodeChildren(setting, node);
|
if (children && children.length > 0) {
|
view.repairParentChkClass(setting, children[0]);
|
} else {
|
view.repairParentChkClass(setting, node);
|
}
|
},
|
repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
|
if (!node) return;
|
if (node.chkDisabled != chkDisabled) {
|
node.chkDisabled = chkDisabled;
|
}
|
view.repairChkClass(setting, node);
|
var children = data.nodeChildren(setting, node);
|
if (children && inherit) {
|
for (var i = 0, l = children.length; i < l; i++) {
|
var sNode = children[i];
|
view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
|
}
|
}
|
},
|
repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
|
if (!node) return;
|
if (node.chkDisabled != chkDisabled && inherit) {
|
node.chkDisabled = chkDisabled;
|
}
|
view.repairChkClass(setting, node);
|
view.repairParentChkDisabled(
|
setting,
|
node.getParentNode(),
|
chkDisabled,
|
inherit
|
);
|
},
|
setChkClass: function(setting, obj, node) {
|
if (!obj) return;
|
if (node.nocheck === true) {
|
obj.hide();
|
} else {
|
obj.show();
|
}
|
obj.attr("class", view.makeChkClass(setting, node));
|
},
|
setParentNodeCheckBox: function(setting, node, value, srcNode) {
|
var checkObj = $$(node, consts.id.CHECK, setting);
|
if (!srcNode) srcNode = node;
|
data.makeChkFlag(setting, node);
|
if (node.nocheck !== true && node.chkDisabled !== true) {
|
data.nodeChecked(setting, node, value);
|
view.setChkClass(setting, checkObj, node);
|
if (setting.check.autoCheckTrigger && node != srcNode) {
|
setting.treeObj.trigger(consts.event.CHECK, [
|
null,
|
setting.treeId,
|
node,
|
]);
|
}
|
}
|
if (node.parentTId) {
|
var pSign = true;
|
if (!value) {
|
var pNodes = data.nodeChildren(setting, node.getParentNode());
|
for (var i = 0, l = pNodes.length; i < l; i++) {
|
var pNode = pNodes[i];
|
var nodeChecked = data.nodeChecked(setting, pNode);
|
if (
|
(pNode.nocheck !== true &&
|
pNode.chkDisabled !== true &&
|
nodeChecked) ||
|
((pNode.nocheck === true || pNode.chkDisabled === true) &&
|
pNode.check_Child_State > 0)
|
) {
|
pSign = false;
|
break;
|
}
|
}
|
}
|
if (pSign) {
|
view.setParentNodeCheckBox(
|
setting,
|
node.getParentNode(),
|
value,
|
srcNode
|
);
|
}
|
}
|
},
|
setSonNodeCheckBox: function(setting, node, value, srcNode) {
|
if (!node) return;
|
var checkObj = $$(node, consts.id.CHECK, setting);
|
if (!srcNode) srcNode = node;
|
|
var hasDisable = false;
|
var children = data.nodeChildren(setting, node);
|
if (children) {
|
for (var i = 0, l = children.length; i < l; i++) {
|
var sNode = children[i];
|
view.setSonNodeCheckBox(setting, sNode, value, srcNode);
|
if (sNode.chkDisabled === true) hasDisable = true;
|
}
|
}
|
|
if (node != data.getRoot(setting) && node.chkDisabled !== true) {
|
if (hasDisable && node.nocheck !== true) {
|
data.makeChkFlag(setting, node);
|
}
|
if (node.nocheck !== true && node.chkDisabled !== true) {
|
data.nodeChecked(setting, node, value);
|
if (!hasDisable)
|
node.check_Child_State =
|
children && children.length > 0 ? (value ? 2 : 0) : -1;
|
} else {
|
node.check_Child_State = -1;
|
}
|
view.setChkClass(setting, checkObj, node);
|
if (
|
setting.check.autoCheckTrigger &&
|
node != srcNode &&
|
node.nocheck !== true &&
|
node.chkDisabled !== true
|
) {
|
setting.treeObj.trigger(consts.event.CHECK, [
|
null,
|
setting.treeId,
|
node,
|
]);
|
}
|
}
|
},
|
},
|
_z = {
|
tools: _tools,
|
view: _view,
|
event: _event,
|
data: _data,
|
};
|
$.extend(true, $.fn.zTree.consts, _consts);
|
$.extend(true, $.fn.zTree._z, _z);
|
|
var zt = $.fn.zTree,
|
tools = zt._z.tools,
|
consts = zt.consts,
|
view = zt._z.view,
|
data = zt._z.data,
|
event = zt._z.event,
|
$$ = tools.$;
|
|
data.nodeChecked = function(setting, node, newChecked) {
|
if (!node) {
|
return false;
|
}
|
var key = setting.data.key.checked;
|
if (typeof newChecked !== "undefined") {
|
if (typeof newChecked === "string") {
|
newChecked = tools.eqs(newChecked, "true");
|
}
|
newChecked = !!newChecked;
|
node[key] = newChecked;
|
} else if (typeof node[key] == "string") {
|
node[key] = tools.eqs(node[key], "true");
|
} else {
|
node[key] = !!node[key];
|
}
|
return node[key];
|
};
|
|
data.exSetting(_setting);
|
data.addInitBind(_bindEvent);
|
data.addInitUnBind(_unbindEvent);
|
data.addInitCache(_initCache);
|
data.addInitNode(_initNode);
|
data.addInitProxy(_eventProxy, true);
|
data.addInitRoot(_initRoot);
|
data.addBeforeA(_beforeA);
|
data.addZTreeTools(_zTreeTools);
|
|
var _createNodes = view.createNodes;
|
view.createNodes = function(setting, level, nodes, parentNode, index) {
|
if (_createNodes) _createNodes.apply(view, arguments);
|
if (!nodes) return;
|
view.repairParentChkClassWithSelf(setting, parentNode);
|
};
|
var _removeNode = view.removeNode;
|
view.removeNode = function(setting, node) {
|
var parentNode = node.getParentNode();
|
if (_removeNode) _removeNode.apply(view, arguments);
|
if (!node || !parentNode) return;
|
view.repairChkClass(setting, parentNode);
|
view.repairParentChkClass(setting, parentNode);
|
};
|
|
var _appendNodes = view.appendNodes;
|
view.appendNodes = function(
|
setting,
|
level,
|
nodes,
|
parentNode,
|
index,
|
initFlag,
|
openFlag
|
) {
|
var html = "";
|
if (_appendNodes) {
|
html = _appendNodes.apply(view, arguments);
|
}
|
if (parentNode) {
|
data.makeChkFlag(setting, parentNode);
|
}
|
return html;
|
};
|
})(jQuery);
|
/*
|
* JQuery zTree exedit
|
* v3.5.46
|
* http://treejs.cn/
|
*
|
* Copyright (c) 2010 Hunter.z
|
*
|
* Licensed same as jquery - MIT License
|
* http://www.opensource.org/licenses/mit-license.php
|
*
|
* Date: 2020-11-21
|
*/
|
|
(function($) {
|
//default consts of exedit
|
var _consts = {
|
event: {
|
DRAG: "ztree_drag",
|
DROP: "ztree_drop",
|
RENAME: "ztree_rename",
|
DRAGMOVE: "ztree_dragmove",
|
},
|
id: {
|
EDIT: "_edit",
|
INPUT: "_input",
|
REMOVE: "_remove",
|
},
|
move: {
|
TYPE_INNER: "inner",
|
TYPE_PREV: "prev",
|
TYPE_NEXT: "next",
|
},
|
node: {
|
CURSELECTED_EDIT: "curSelectedNode_Edit",
|
TMPTARGET_TREE: "tmpTargetzTree",
|
TMPTARGET_NODE: "tmpTargetNode",
|
},
|
},
|
//default setting of exedit
|
_setting = {
|
edit: {
|
enable: false,
|
editNameSelectAll: false,
|
showRemoveBtn: true,
|
showRenameBtn: true,
|
removeTitle: "remove",
|
renameTitle: "rename",
|
drag: {
|
autoExpandTrigger: false,
|
isCopy: true,
|
isMove: true,
|
prev: true,
|
next: true,
|
inner: true,
|
minMoveSize: 5,
|
borderMax: 10,
|
borderMin: -5,
|
maxShowNodeNum: 5,
|
autoOpenTime: 500,
|
},
|
},
|
view: {
|
addHoverDom: null,
|
removeHoverDom: null,
|
},
|
callback: {
|
beforeDrag: null,
|
beforeDragOpen: null,
|
beforeDrop: null,
|
beforeEditName: null,
|
beforeRename: null,
|
onDrag: null,
|
onDragMove: null,
|
onDrop: null,
|
onRename: null,
|
},
|
},
|
//default root of exedit
|
_initRoot = function(setting) {
|
var r = data.getRoot(setting),
|
rs = data.getRoots();
|
r.curEditNode = null;
|
r.curEditInput = null;
|
r.curHoverNode = null;
|
r.dragFlag = 0;
|
r.dragNodeShowBefore = [];
|
r.dragMaskList = new Array();
|
rs.showHoverDom = true;
|
},
|
//default cache of exedit
|
_initCache = function(treeId) {},
|
//default bind event of exedit
|
_bindEvent = function(setting) {
|
var o = setting.treeObj;
|
var c = consts.event;
|
o.bind(c.RENAME, function(event, treeId, treeNode, isCancel) {
|
tools.apply(setting.callback.onRename, [
|
event,
|
treeId,
|
treeNode,
|
isCancel,
|
]);
|
});
|
|
o.bind(c.DRAG, function(event, srcEvent, treeId, treeNodes) {
|
tools.apply(setting.callback.onDrag, [srcEvent, treeId, treeNodes]);
|
});
|
|
o.bind(c.DRAGMOVE, function(event, srcEvent, treeId, treeNodes) {
|
tools.apply(setting.callback.onDragMove, [srcEvent, treeId, treeNodes]);
|
});
|
|
o.bind(c.DROP, function(
|
event,
|
srcEvent,
|
treeId,
|
treeNodes,
|
targetNode,
|
moveType,
|
isCopy
|
) {
|
tools.apply(setting.callback.onDrop, [
|
srcEvent,
|
treeId,
|
treeNodes,
|
targetNode,
|
moveType,
|
isCopy,
|
]);
|
});
|
},
|
_unbindEvent = function(setting) {
|
var o = setting.treeObj;
|
var c = consts.event;
|
o.unbind(c.RENAME);
|
o.unbind(c.DRAG);
|
o.unbind(c.DRAGMOVE);
|
o.unbind(c.DROP);
|
},
|
//default event proxy of exedit
|
_eventProxy = function(e) {
|
var target = e.target,
|
setting = data.getSetting(e.data.treeId),
|
relatedTarget = e.relatedTarget,
|
tId = "",
|
node = null,
|
nodeEventType = "",
|
treeEventType = "",
|
nodeEventCallback = null,
|
treeEventCallback = null,
|
tmp = null;
|
|
if (tools.eqs(e.type, "mouseover")) {
|
tmp = tools.getMDom(setting, target, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (tmp) {
|
tId = tools.getNodeMainDom(tmp).id;
|
nodeEventType = "hoverOverNode";
|
}
|
} else if (tools.eqs(e.type, "mouseout")) {
|
tmp = tools.getMDom(setting, relatedTarget, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (!tmp) {
|
tId = "remove";
|
nodeEventType = "hoverOutNode";
|
}
|
} else if (tools.eqs(e.type, "mousedown")) {
|
tmp = tools.getMDom(setting, target, [
|
{ tagName: "a", attrName: "treeNode" + consts.id.A },
|
]);
|
if (tmp) {
|
tId = tools.getNodeMainDom(tmp).id;
|
nodeEventType = "mousedownNode";
|
}
|
}
|
if (tId.length > 0) {
|
node = data.getNodeCache(setting, tId);
|
switch (nodeEventType) {
|
case "mousedownNode":
|
nodeEventCallback = _handler.onMousedownNode;
|
break;
|
case "hoverOverNode":
|
nodeEventCallback = _handler.onHoverOverNode;
|
break;
|
case "hoverOutNode":
|
nodeEventCallback = _handler.onHoverOutNode;
|
break;
|
}
|
}
|
var proxyResult = {
|
stop: false,
|
node: node,
|
nodeEventType: nodeEventType,
|
nodeEventCallback: nodeEventCallback,
|
treeEventType: treeEventType,
|
treeEventCallback: treeEventCallback,
|
};
|
return proxyResult;
|
},
|
//default init node of exedit
|
_initNode = function(
|
setting,
|
level,
|
n,
|
parentNode,
|
isFirstNode,
|
isLastNode,
|
openFlag
|
) {
|
if (!n) return;
|
n.isHover = false;
|
n.editNameFlag = false;
|
},
|
//update zTreeObj, add method of edit
|
_zTreeTools = function(setting, zTreeTools) {
|
zTreeTools.cancelEditName = function(newName) {
|
var root = data.getRoot(this.setting);
|
if (!root.curEditNode) return;
|
view.cancelCurEditNode(this.setting, newName ? newName : null, true);
|
};
|
zTreeTools.copyNode = function(targetNode, node, moveType, isSilent) {
|
if (!node) return null;
|
var isParent = data.nodeIsParent(setting, targetNode);
|
if (
|
targetNode &&
|
!isParent &&
|
this.setting.data.keep.leaf &&
|
moveType === consts.move.TYPE_INNER
|
)
|
return null;
|
var _this = this,
|
newNode = tools.clone(node);
|
if (!targetNode) {
|
targetNode = null;
|
moveType = consts.move.TYPE_INNER;
|
}
|
if (moveType == consts.move.TYPE_INNER) {
|
function copyCallback() {
|
view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent);
|
}
|
|
if (tools.canAsync(this.setting, targetNode)) {
|
view.asyncNode(this.setting, targetNode, isSilent, copyCallback);
|
} else {
|
copyCallback();
|
}
|
} else {
|
view.addNodes(
|
this.setting,
|
targetNode.parentNode,
|
-1,
|
[newNode],
|
isSilent
|
);
|
view.moveNode(
|
this.setting,
|
targetNode,
|
newNode,
|
moveType,
|
false,
|
isSilent
|
);
|
}
|
return newNode;
|
};
|
zTreeTools.editName = function(node) {
|
if (
|
!node ||
|
!node.tId ||
|
node !== data.getNodeCache(this.setting, node.tId)
|
)
|
return;
|
if (node.parentTId)
|
view.expandCollapseParentNode(
|
this.setting,
|
node.getParentNode(),
|
true
|
);
|
view.editNode(this.setting, node);
|
};
|
zTreeTools.moveNode = function(targetNode, node, moveType, isSilent) {
|
if (!node) return node;
|
var isParent = data.nodeIsParent(setting, targetNode);
|
if (
|
targetNode &&
|
!isParent &&
|
this.setting.data.keep.leaf &&
|
moveType === consts.move.TYPE_INNER
|
) {
|
return null;
|
} else if (
|
targetNode &&
|
((node.parentTId == targetNode.tId &&
|
moveType == consts.move.TYPE_INNER) ||
|
$$(node, this.setting).find("#" + targetNode.tId).length > 0)
|
) {
|
return null;
|
} else if (!targetNode) {
|
targetNode = null;
|
}
|
var _this = this;
|
|
function moveCallback() {
|
view.moveNode(
|
_this.setting,
|
targetNode,
|
node,
|
moveType,
|
false,
|
isSilent
|
);
|
}
|
|
if (
|
tools.canAsync(this.setting, targetNode) &&
|
moveType === consts.move.TYPE_INNER
|
) {
|
view.asyncNode(this.setting, targetNode, isSilent, moveCallback);
|
} else {
|
moveCallback();
|
}
|
return node;
|
};
|
zTreeTools.setEditable = function(editable) {
|
this.setting.edit.enable = editable;
|
return this.refresh();
|
};
|
},
|
//method of operate data
|
_data = {
|
setSonNodeLevel: function(setting, parentNode, node) {
|
if (!node) return;
|
var children = data.nodeChildren(setting, node);
|
node.level = parentNode ? parentNode.level + 1 : 0;
|
if (!children) return;
|
for (var i = 0, l = children.length; i < l; i++) {
|
if (children[i]) data.setSonNodeLevel(setting, node, children[i]);
|
}
|
},
|
},
|
//method of event proxy
|
_event = {},
|
//method of event handler
|
_handler = {
|
onHoverOverNode: function(event, node) {
|
var setting = data.getSetting(event.data.treeId),
|
root = data.getRoot(setting);
|
if (root.curHoverNode != node) {
|
_handler.onHoverOutNode(event);
|
}
|
root.curHoverNode = node;
|
view.addHoverDom(setting, node);
|
},
|
onHoverOutNode: function(event, node) {
|
var setting = data.getSetting(event.data.treeId),
|
root = data.getRoot(setting);
|
if (
|
root.curHoverNode &&
|
!data.isSelectedNode(setting, root.curHoverNode)
|
) {
|
view.removeTreeDom(setting, root.curHoverNode);
|
root.curHoverNode = null;
|
}
|
},
|
onMousedownNode: function(eventMouseDown, _node) {
|
var i,
|
l,
|
setting = data.getSetting(eventMouseDown.data.treeId),
|
root = data.getRoot(setting),
|
roots = data.getRoots();
|
//right click can't drag & drop
|
if (
|
eventMouseDown.button == 2 ||
|
!setting.edit.enable ||
|
(!setting.edit.drag.isCopy && !setting.edit.drag.isMove)
|
)
|
return true;
|
|
//input of edit node name can't drag & drop
|
var target = eventMouseDown.target,
|
_nodes = data.getRoot(setting).curSelectedList,
|
nodes = [];
|
if (!data.isSelectedNode(setting, _node)) {
|
nodes = [_node];
|
} else {
|
for (i = 0, l = _nodes.length; i < l; i++) {
|
if (
|
_nodes[i].editNameFlag &&
|
tools.eqs(target.tagName, "input") &&
|
target.getAttribute("treeNode" + consts.id.INPUT) !== null
|
) {
|
return true;
|
}
|
nodes.push(_nodes[i]);
|
if (nodes[0].parentTId !== _nodes[i].parentTId) {
|
nodes = [_node];
|
break;
|
}
|
}
|
}
|
|
view.editNodeBlur = true;
|
view.cancelCurEditNode(setting);
|
|
var doc = $(setting.treeObj.get(0).ownerDocument),
|
body = $(setting.treeObj.get(0).ownerDocument.body),
|
curNode,
|
tmpArrow,
|
tmpTarget,
|
isOtherTree = false,
|
targetSetting = setting,
|
sourceSetting = setting,
|
preNode,
|
nextNode,
|
preTmpTargetNodeId = null,
|
preTmpMoveType = null,
|
tmpTargetNodeId = null,
|
moveType = consts.move.TYPE_INNER,
|
mouseDownX = eventMouseDown.clientX,
|
mouseDownY = eventMouseDown.clientY,
|
startTime = new Date().getTime();
|
|
if (tools.uCanDo(setting)) {
|
doc.bind("mousemove", _docMouseMove);
|
}
|
|
function _docMouseMove(event) {
|
//avoid start drag after click node
|
if (
|
root.dragFlag == 0 &&
|
Math.abs(mouseDownX - event.clientX) <
|
setting.edit.drag.minMoveSize &&
|
Math.abs(mouseDownY - event.clientY) < setting.edit.drag.minMoveSize
|
) {
|
return true;
|
}
|
var i, l, tmpNode, tmpDom, tmpNodes;
|
body.css("cursor", "pointer");
|
|
if (root.dragFlag == 0) {
|
if (
|
tools.apply(
|
setting.callback.beforeDrag,
|
[setting.treeId, nodes],
|
true
|
) == false
|
) {
|
_docMouseUp(event);
|
return true;
|
}
|
|
for (i = 0, l = nodes.length; i < l; i++) {
|
if (i == 0) {
|
root.dragNodeShowBefore = [];
|
}
|
tmpNode = nodes[i];
|
if (data.nodeIsParent(setting, tmpNode) && tmpNode.open) {
|
view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
|
root.dragNodeShowBefore[tmpNode.tId] = true;
|
} else {
|
root.dragNodeShowBefore[tmpNode.tId] = false;
|
}
|
}
|
|
root.dragFlag = 1;
|
roots.showHoverDom = false;
|
tools.showIfameMask(setting, true);
|
|
//sort
|
var isOrder = true,
|
lastIndex = -1;
|
if (nodes.length > 1) {
|
var pNodes = nodes[0].parentTId
|
? data.nodeChildren(setting, nodes[0].getParentNode())
|
: data.getNodes(setting);
|
tmpNodes = [];
|
for (i = 0, l = pNodes.length; i < l; i++) {
|
if (root.dragNodeShowBefore[pNodes[i].tId] !== undefined) {
|
if (isOrder && lastIndex > -1 && lastIndex + 1 !== i) {
|
isOrder = false;
|
}
|
tmpNodes.push(pNodes[i]);
|
lastIndex = i;
|
}
|
if (nodes.length === tmpNodes.length) {
|
nodes = tmpNodes;
|
break;
|
}
|
}
|
}
|
if (isOrder) {
|
preNode = nodes[0].getPreNode();
|
nextNode = nodes[nodes.length - 1].getNextNode();
|
}
|
|
//set node in selected
|
curNode = $$("<ul class='zTreeDragUL'></ul>", setting);
|
for (i = 0, l = nodes.length; i < l; i++) {
|
tmpNode = nodes[i];
|
tmpNode.editNameFlag = false;
|
view.selectNode(setting, tmpNode, i > 0);
|
view.removeTreeDom(setting, tmpNode);
|
|
if (i > setting.edit.drag.maxShowNodeNum - 1) {
|
continue;
|
}
|
|
tmpDom = $$("<li id='" + tmpNode.tId + "_tmp'></li>", setting);
|
tmpDom.append($$(tmpNode, consts.id.A, setting).clone());
|
tmpDom.css("padding", "0");
|
tmpDom
|
.children("#" + tmpNode.tId + consts.id.A)
|
.removeClass(consts.node.CURSELECTED);
|
curNode.append(tmpDom);
|
if (i == setting.edit.drag.maxShowNodeNum - 1) {
|
tmpDom = $$(
|
"<li id='" + tmpNode.tId + "_moretmp'><a> ... </a></li>",
|
setting
|
);
|
curNode.append(tmpDom);
|
}
|
}
|
curNode.attr("id", nodes[0].tId + consts.id.UL + "_tmp");
|
curNode.addClass(setting.treeObj.attr("class"));
|
curNode.appendTo(body);
|
|
tmpArrow = $$("<span class='tmpzTreeMove_arrow'></span>", setting);
|
tmpArrow.attr("id", "zTreeMove_arrow_tmp");
|
tmpArrow.appendTo(body);
|
|
setting.treeObj.trigger(consts.event.DRAG, [
|
event,
|
setting.treeId,
|
nodes,
|
]);
|
}
|
|
if (root.dragFlag == 1) {
|
if (
|
tmpTarget &&
|
tmpArrow.attr("id") == event.target.id &&
|
tmpTargetNodeId &&
|
event.clientX + doc.scrollLeft() + 2 >
|
$("#" + tmpTargetNodeId + consts.id.A, tmpTarget).offset().left
|
) {
|
var xT = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget);
|
event.target = xT.length > 0 ? xT.get(0) : event.target;
|
} else if (tmpTarget) {
|
tmpTarget.removeClass(consts.node.TMPTARGET_TREE);
|
if (tmpTargetNodeId)
|
$("#" + tmpTargetNodeId + consts.id.A, tmpTarget)
|
.removeClass(
|
consts.node.TMPTARGET_NODE + "_" + consts.move.TYPE_PREV
|
)
|
.removeClass(
|
consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_NEXT
|
)
|
.removeClass(
|
consts.node.TMPTARGET_NODE + "_" + _consts.move.TYPE_INNER
|
);
|
}
|
tmpTarget = null;
|
tmpTargetNodeId = null;
|
|
//judge drag & drop in multi ztree
|
isOtherTree = false;
|
targetSetting = setting;
|
var settings = data.getSettings();
|
for (var s in settings) {
|
if (
|
settings[s].treeId &&
|
settings[s].edit.enable &&
|
settings[s].treeId != setting.treeId &&
|
(event.target.id == settings[s].treeId ||
|
$(event.target).parents("#" + settings[s].treeId).length > 0)
|
) {
|
isOtherTree = true;
|
targetSetting = settings[s];
|
}
|
}
|
|
var docScrollTop = doc.scrollTop(),
|
docScrollLeft = doc.scrollLeft(),
|
treeOffset = targetSetting.treeObj.offset(),
|
scrollHeight = targetSetting.treeObj.get(0).scrollHeight,
|
scrollWidth = targetSetting.treeObj.get(0).scrollWidth,
|
dTop = event.clientY + docScrollTop - treeOffset.top,
|
dBottom =
|
targetSetting.treeObj.height() +
|
treeOffset.top -
|
event.clientY -
|
docScrollTop,
|
dLeft = event.clientX + docScrollLeft - treeOffset.left,
|
dRight =
|
targetSetting.treeObj.width() +
|
treeOffset.left -
|
event.clientX -
|
docScrollLeft,
|
isTop =
|
dTop < setting.edit.drag.borderMax &&
|
dTop > setting.edit.drag.borderMin,
|
isBottom =
|
dBottom < setting.edit.drag.borderMax &&
|
dBottom > setting.edit.drag.borderMin,
|
isLeft =
|
dLeft < setting.edit.drag.borderMax &&
|
dLeft > setting.edit.drag.borderMin,
|
isRight =
|
dRight < setting.edit.drag.borderMax &&
|
dRight > setting.edit.drag.borderMin,
|
isTreeInner =
|
dTop > setting.edit.drag.borderMin &&
|
dBottom > setting.edit.drag.borderMin &&
|
dLeft > setting.edit.drag.borderMin &&
|
dRight > setting.edit.drag.borderMin,
|
isTreeTop = isTop && targetSetting.treeObj.scrollTop() <= 0,
|
isTreeBottom =
|
isBottom &&
|
targetSetting.treeObj.scrollTop() +
|
targetSetting.treeObj.height() +
|
10 >=
|
scrollHeight,
|
isTreeLeft = isLeft && targetSetting.treeObj.scrollLeft() <= 0,
|
isTreeRight =
|
isRight &&
|
targetSetting.treeObj.scrollLeft() +
|
targetSetting.treeObj.width() +
|
10 >=
|
scrollWidth;
|
|
if (
|
event.target &&
|
tools.isChildOrSelf(event.target, targetSetting.treeId)
|
) {
|
//get node <li> dom
|
var targetObj = event.target;
|
while (
|
targetObj &&
|
targetObj.tagName &&
|
!tools.eqs(targetObj.tagName, "li") &&
|
targetObj.id != targetSetting.treeId
|
) {
|
targetObj = targetObj.parentNode;
|
}
|
|
var canMove = true;
|
//don't move to self or children of self
|
for (i = 0, l = nodes.length; i < l; i++) {
|
tmpNode = nodes[i];
|
if (targetObj.id === tmpNode.tId) {
|
canMove = false;
|
break;
|
} else if (
|
$$(tmpNode, setting).find("#" + targetObj.id).length > 0
|
) {
|
canMove = false;
|
break;
|
}
|
}
|
if (
|
canMove &&
|
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 = $$(
|
"<div id='zTreeMask_" +
|
i +
|
"' class='zTreeMask' style='top:" +
|
r[1] +
|
"px; left:" +
|
r[0] +
|
"px; width:" +
|
obj.offsetWidth +
|
"px; height:" +
|
obj.offsetHeight +
|
"px;'></div>",
|
setting
|
);
|
dragMask.appendTo($$("body", 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 =
|
"<span class='" +
|
consts.className.BUTTON +
|
" edit' id='" +
|
node.tId +
|
consts.id.EDIT +
|
"' title='" +
|
tools.apply(
|
setting.edit.renameTitle,
|
[setting.treeId, node],
|
setting.edit.renameTitle
|
) +
|
"' treeNode" +
|
consts.id.EDIT +
|
" style='display:none;'></span>";
|
aObj.append(editStr);
|
|
$$(node, consts.id.EDIT, setting)
|
.bind("click", function() {
|
if (
|
!tools.uCanDo(setting) ||
|
tools.apply(
|
setting.callback.beforeEditName,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return false;
|
view.editNode(setting, node);
|
return false;
|
})
|
.show();
|
},
|
addRemoveBtn: function(setting, node) {
|
if (
|
node.editNameFlag ||
|
$$(node, consts.id.REMOVE, setting).length > 0
|
) {
|
return;
|
}
|
if (
|
!tools.apply(
|
setting.edit.showRemoveBtn,
|
[setting.treeId, node],
|
setting.edit.showRemoveBtn
|
)
|
) {
|
return;
|
}
|
var aObj = $$(node, consts.id.A, setting),
|
removeStr =
|
"<span class='" +
|
consts.className.BUTTON +
|
" remove' id='" +
|
node.tId +
|
consts.id.REMOVE +
|
"' title='" +
|
tools.apply(
|
setting.edit.removeTitle,
|
[setting.treeId, node],
|
setting.edit.removeTitle
|
) +
|
"' treeNode" +
|
consts.id.REMOVE +
|
" style='display:none;'></span>";
|
aObj.append(removeStr);
|
|
$$(node, consts.id.REMOVE, setting)
|
.bind("click", function() {
|
if (
|
!tools.uCanDo(setting) ||
|
tools.apply(
|
setting.callback.beforeRemove,
|
[setting.treeId, node],
|
true
|
) == false
|
)
|
return false;
|
view.removeNode(setting, node);
|
setting.treeObj.trigger(consts.event.REMOVE, [
|
setting.treeId,
|
node,
|
]);
|
return false;
|
})
|
.bind("mousedown", function(eventMouseDown) {
|
return true;
|
})
|
.show();
|
},
|
addHoverDom: function(setting, node) {
|
if (data.getRoots().showHoverDom) {
|
node.isHover = true;
|
if (setting.edit.enable) {
|
view.addEditBtn(setting, node);
|
view.addRemoveBtn(setting, node);
|
}
|
tools.apply(setting.view.addHoverDom, [setting.treeId, node]);
|
}
|
},
|
cancelCurEditNode: function(setting, forceName, isCancel) {
|
var root = data.getRoot(setting),
|
node = root.curEditNode;
|
|
if (node) {
|
var inputObj = root.curEditInput,
|
newName = forceName
|
? forceName
|
: isCancel
|
? data.nodeName(setting, node)
|
: inputObj.val();
|
if (
|
tools.apply(
|
setting.callback.beforeRename,
|
[setting.treeId, node, newName, isCancel],
|
true
|
) === false
|
) {
|
return false;
|
}
|
data.nodeName(setting, node, newName);
|
var aObj = $$(node, consts.id.A, setting);
|
aObj.removeClass(consts.node.CURSELECTED_EDIT);
|
inputObj.unbind();
|
view.setNodeName(setting, node);
|
node.editNameFlag = false;
|
root.curEditNode = null;
|
root.curEditInput = null;
|
view.selectNode(setting, node, false);
|
setting.treeObj.trigger(consts.event.RENAME, [
|
setting.treeId,
|
node,
|
isCancel,
|
]);
|
}
|
root.noSelection = true;
|
return true;
|
},
|
editNode: function(setting, node) {
|
var root = data.getRoot(setting);
|
view.editNodeBlur = false;
|
if (
|
data.isSelectedNode(setting, node) &&
|
root.curEditNode == node &&
|
node.editNameFlag
|
) {
|
setTimeout(function() {
|
tools.inputFocus(root.curEditInput);
|
}, 0);
|
return;
|
}
|
node.editNameFlag = true;
|
view.removeTreeDom(setting, node);
|
view.cancelCurEditNode(setting);
|
view.selectNode(setting, node, false);
|
$$(node, consts.id.SPAN, setting).html(
|
"<input type=text class='rename' id='" +
|
node.tId +
|
consts.id.INPUT +
|
"' treeNode" +
|
consts.id.INPUT +
|
" >"
|
);
|
var inputObj = $$(node, consts.id.INPUT, setting);
|
inputObj.attr("value", 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);
|
