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