From 186dee8db959e83a753785290c4a02e681a6a109 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 10 一月 2022 18:10:46 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/vue-smart-ai
---
src/pages/gb28181/index/App.vue | 415 ++--
src/components/giantTree/zTree/ztree_v3/jquery.ztree.all.js | 4480 +++++++++++++++++++++++++---------------------
src/components/giantTree/zTree/ztree.vue | 440 ++--
src/Pool/TreeData.ts | 2
src/components/giantTree/index.vue | 249 +-
5 files changed, 2,969 insertions(+), 2,617 deletions(-)
diff --git a/src/Pool/TreeData.ts b/src/Pool/TreeData.ts
index a737b7e..c9983a8 100644
--- a/src/Pool/TreeData.ts
+++ b/src/Pool/TreeData.ts
@@ -338,7 +338,6 @@
} else {
if (n.type == "menu" && this.zTree) {
n.isParent = true
- console.log(n)
}
}
})
@@ -492,7 +491,6 @@
this.gb28181CheckedCount = 0
this.gb28181ChildNodeCount = this.countChildrenNodes(this.treeData)
this.activeTreeData = this.treeData
- console.log(this.activeTreeData)
}
}
diff --git a/src/components/giantTree/index.vue b/src/components/giantTree/index.vue
index 787f7a2..d1a7af1 100644
--- a/src/components/giantTree/index.vue
+++ b/src/components/giantTree/index.vue
@@ -6,9 +6,11 @@
:readonly="TreeDataPool.readonly"
:gb28181="gb28181"
:setting="setting"
+ :search="search"
@onCreated="handleCreated"
@onClick="itemClick"
@onCheck="itemCheck"
+ @onAfterSearch="itemCheck"
@onDblClick="onDblClick"
@onAddNode="addNode"
@onRemoveNode="delNode"
@@ -20,26 +22,14 @@
@onShowPic="showCameraPic"
/>
<div class="dialog-box-bg" v-show="showDialog" @click="hideDialogBox"></div>
- <div
- class="dialog-box"
- v-show="showDialog"
- :style="{ left: clientX + 'px', top: clientY + 'px' }"
- >
+ <div class="dialog-box" v-show="showDialog" :style="{ left: clientX + 'px', top: clientY + 'px' }">
<el-card :body-style="{ padding: '10px' }">
- <el-form
- :model="dialogForm"
- size="mini"
- :rules="rules"
- ref="dialogForm"
- label-width="70px"
- >
+ <el-form :model="dialogForm" size="mini" :rules="rules" ref="dialogForm" label-width="70px">
<el-form-item label="鍚嶇О锛�" prop="name">
<el-input v-model="dialogForm.text"></el-input>
</el-form-item>
<div class="text-center pb-2">
- <el-button size="mini" type="primary" @click="submitForm"
- >淇濆瓨</el-button
- >
+ <el-button size="mini" type="primary" @click="submitForm">淇濆瓨</el-button>
<el-button size="mini" @click="hideDialogBox">鍙栨秷</el-button>
</div>
</el-form>
@@ -50,44 +40,48 @@
<script>
// import VJstree from "./jsTree";
-import ZTree from "./zTree/ztree";
+import ZTree from "./zTree/ztree"
export default {
name: "GiantTreeMenu",
components: {
- ZTree,
+ ZTree
},
props: {
app: {
type: String,
- default: "Video",
+ default: "Video"
},
node: {
- type: Array,
+ type: Array
},
treeName: {
type: String,
- default: "",
+ default: ""
},
gb28181: {
type: Boolean,
- default: false,
+ default: false
+ },
+ search: {
+ type: Boolean,
+ default: false
},
height: {
type: Number,
- default: 0,
+ default: 0
},
setting: {
type: Object,
require: false,
- default: function () {
- return {};
- },
+ default: function() {
+ return {}
+ }
},
clickType: {
type: String,
- default: "",
- },
+ default: ""
+ }
},
data() {
return {
@@ -96,36 +90,36 @@
clientX: 0,
clientY: 0,
dialogForm: {
- text: "",
+ text: ""
},
rules: {
text: [
{ required: true, message: "璇疯緭鍏ヨ妭鐐瑰悕绉�", trigger: "change" },
- { min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" },
- ],
+ { min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" }
+ ]
},
- curNodeTid: "",
- };
+ curNodeTid: ""
+ }
},
created() {
// console.log(this.height, '鏍戦珮搴�')
- this.TreeDataPool.zTree = true;
+ this.TreeDataPool.zTree = true
this.TreeDataPool.activeVideoIndex = sessionStorage.activeIndexVideo
? Number(sessionStorage.activeIndexVideo)
- : this.TreeDataPool.activeVideoIndex;
+ : this.TreeDataPool.activeVideoIndex
},
watch: {
- "TreeDataPool.treeType": function (newValue) {
+ "TreeDataPool.treeType": function(newValue) {
if (newValue !== this.treeName) {
- this.TreeDataPool.cleanTree(this.treeName);
+ this.TreeDataPool.cleanTree(this.treeName)
}
- },
+ }
},
methods: {
- handleCreated: function (ztreeObj) {
- let _this = this;
- this.ztreeObj = ztreeObj;
+ handleCreated: function(ztreeObj) {
+ let _this = this
+ this.ztreeObj = ztreeObj
// console.log("handleCreated")
// onCreated 涓搷浣渮treeObj瀵硅薄灞曞紑绗竴涓妭鐐�
// ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
@@ -133,120 +127,94 @@
// 鎽勫儚鏈洪厤缃垏鎹㈡椂, 璁剧疆閫変腑鐘舵��
if (this.TreeDataPool.selectedNode.id) {
// 鍙栨秷鎵�鏈夊閫夌殑鑺傜偣,浠呬繚鐣欏綋鍓嶅崟閫夌殑鑺傜偣
- this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id];
- this.curNodeTid = this.TreeDataPool.selectedNode.tId;
+ this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id]
+ this.curNodeTid = this.TreeDataPool.selectedNode.tId
//鎽勫儚鏈轰俊鎭洿鏂颁俊鎭悗锛屽鏋滆妭鐐逛綅缃湁鍙榯Id灏变笉鍑嗕簡,this.TreeDataPool.selectedNode姝ゆ椂杩樻槸鏃х殑淇℃伅
- let ztreeNodes = ztreeObj.getNodes();
+ let ztreeNodes = ztreeObj.getNodes()
//var curNodeTid = '';
- _this.findTidByIdFromArr(ztreeNodes);
- this.TreeDataPool.selectedNode.tId = _this.curNodeTid;
- let node = this.ztreeObj.getNodeByTId(
- this.TreeDataPool.selectedNode.tId
- );
+ _this.findTidByIdFromArr(ztreeNodes)
+ this.TreeDataPool.selectedNode.tId = _this.curNodeTid
+ let node = this.ztreeObj.getNodeByTId(this.TreeDataPool.selectedNode.tId)
// 澶氶�夋椂, 閫変腑鍗曢�夊崟鍑荤殑鑺傜偣
if (this.TreeDataPool.multiple) {
- this.ztreeObj.checkAllNodes(false);
- this.ztreeObj.checkNode(node, true, false, false);
+ this.ztreeObj.checkAllNodes(false)
+ this.ztreeObj.checkNode(node, true, false, false)
}
- this.ztreeObj.selectNode(node, false, true);
+ this.ztreeObj.selectNode(node, false, true)
}
},
findTidByIdFromArr(arr) {
- let len = arr.length;
- let _this = this;
+ let len = arr.length
+ let _this = this
for (var i = 0; i < len; i++) {
if (arr[i].id == this.TreeDataPool.selectedNode.id) {
- _this.curNodeTid = arr[i].tId;
- break;
+ _this.curNodeTid = arr[i].tId
+ break
}
if (arr[i].children) {
- this.findTidByIdFromArr(arr[i].children);
+ this.findTidByIdFromArr(arr[i].children)
}
}
},
onDblClick(evt, treeId, item) {
- if (item.type !== "4" || this.app !== "Camera") {
- return;
+ if (!item || item.type !== "4" || this.app !== "Camera") {
+ return
}
// console.log('activeForceChoose', this.TreeDataPool.activeForceChoose)
- this.TreeDataPool.activeVideoId = item.id;
- let videoArr = this.TreeDataPool.videoArr;
- let nullVideoIndex = "";
+ this.TreeDataPool.activeVideoId = item.id
+ let videoArr = this.TreeDataPool.videoArr
+ let nullVideoIndex = ""
if (
this.TreeDataPool.activeForceChoose &&
this.TreeDataPool.activeVideoIndex !== "" &&
this.TreeDataPool.activeVideoIndex <= videoArr.length - 1
) {
- this.TreeDataPool.setVideoArr(
- this.TreeDataPool.activeVideoIndex,
- undefined,
- this
- );
+ this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this)
this.$nextTick(() => {
- this.TreeDataPool.setVideoArr(
- this.TreeDataPool.activeVideoIndex,
- item,
- this
- );
- });
- return;
+ this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, item, this)
+ })
+ return
}
for (let i = 0; i < videoArr.length; i++) {
// eslint-disable-next-line
- if (
- videoArr[i] === "" ||
- videoArr[i] === undefined ||
- videoArr[i] === null
- ) {
- nullVideoIndex = i;
- break;
+ if (videoArr[i] === "" || videoArr[i] === undefined || videoArr[i] === null) {
+ nullVideoIndex = i
+ break
} else {
- nullVideoIndex = "";
+ nullVideoIndex = ""
}
}
if (nullVideoIndex === "") {
- this.TreeDataPool.setVideoArr(
- this.TreeDataPool.activeVideoIndex,
- undefined,
- this
- );
+ this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this)
this.$nextTick(() => {
- this.TreeDataPool.setVideoArr(
- this.TreeDataPool.activeVideoIndex,
- item,
- this
- );
- });
+ this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, item, this)
+ })
} else {
// this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, undefined, this);
this.$nextTick(() => {
- this.TreeDataPool.setVideoArr(
- this.TreeDataPool.activeVideoIndex,
- item,
- this
- );
- });
- this.TreeDataPool.activeVideoIndex = nullVideoIndex;
+ this.TreeDataPool.setVideoArr(this.TreeDataPool.activeVideoIndex, item, this)
+ })
+ this.TreeDataPool.activeVideoIndex = nullVideoIndex
}
},
addCamera(node) {
- this.$emit("addDevice", node);
+ this.$emit("addDevice", node)
},
importCameras(node) {
- this.$emit("import", node);
+ this.$emit("import", node)
},
addNode(node) {
this.dialogForm = {
text: "",
method: "add",
- node: node.id,
- };
- this.showDialogBox(event);
+ node: node.id
+ }
+ this.showDialogBox(event)
},
editNode(node) {
this.dialogForm = {
@@ -254,61 +222,61 @@
method: "edit",
node: node.id,
alias: node.alias,
- gb28181: this.gb28181,
- };
- this.showDialogBox(event);
+ gb28181: this.gb28181
+ }
+ this.showDialogBox(event)
},
delNode(node) {
- this.TreeDataPool.del(node.id);
+ this.TreeDataPool.del(node.id)
},
submitForm() {
// 鎻愪氦鏂板鎴栬�呯紪杈戝尯鍩熻妭鐐硅〃鍗�
this.$refs.dialogForm.validate((valid) => {
if (valid) {
if (this.dialogForm.method == "add") {
- this.TreeDataPool.add(this.dialogForm.text, this.dialogForm.node);
+ this.TreeDataPool.add(this.dialogForm.text, this.dialogForm.node)
} else if (this.dialogForm.method == "edit") {
this.TreeDataPool.update(
this.dialogForm.text,
this.dialogForm.node,
this.gb28181 ? this.dialogForm.text : "",
this.dialogForm.gb28181
- );
+ )
}
} else {
- return false;
+ return false
}
- });
- this.hideDialogBox();
+ })
+ this.hideDialogBox()
},
hideDialogBox() {
- this.showDialog = false;
- this.dialogForm = { text: "" };
+ this.showDialog = false
+ this.dialogForm = { text: "" }
},
showDialogBox(event) {
- let { clientX = 0, offsetY = 0 } = event;
+ let { clientX = 0, offsetY = 0 } = event
// this.clientX = clientX - 120;
- this.clientX = 50;
- this.clientY = offsetY;
- this.showDialog = true;
+ this.clientX = 50
+ this.clientY = offsetY
+ this.showDialog = true
},
itemClick(evt, treeId, treeNode) {
if (this.clickType == "multiple") {
- evt.target.parentNode.parentNode.querySelector(".chk").click();
- return;
+ evt.target.parentNode.parentNode.querySelector(".chk").click()
+ return
}
- this.TreeDataPool.selectedNode = treeNode;
- this.TreeDataPool.treeType = this.treeName;
+ this.TreeDataPool.selectedNode = treeNode
+ this.TreeDataPool.treeType = this.treeName
// 澶氶��
if (this.TreeDataPool.multiple) {
// 鍗曞嚮鏌愪竴涓妭鐐规枃瀛楁椂 鍙栨秷鎵�鏈夊嬀閫夌姸鎬� 鐒跺悗閫変腑鑷韩
- this.ztreeObj.checkAllNodes(false);
- this.ztreeObj.checkNode(treeNode, true, false, false);
+ this.ztreeObj.checkAllNodes(false)
+ this.ztreeObj.checkNode(treeNode, true, false, false)
}
- this.TreeDataPool.updateZTreeCheckNodes([treeNode]);
+ this.TreeDataPool.updateZTreeCheckNodes([treeNode])
},
// itemClick(treeNode) {
// this.TreeDataPool.selectedNode = treeNode;
@@ -324,37 +292,40 @@
// this.TreeDataPool.updateZTreeCheckNodes([treeNode]);
// },
itemCheck(evt, treeId, treeNode) {
- this.TreeDataPool.selectedNode = treeNode;
- this.TreeDataPool.treeType = this.treeName;
+ if (treeNode) {
+ this.TreeDataPool.selectedNode = treeNode
+ }
+ this.TreeDataPool.treeType = this.treeName
// 澶氶��
// this.ztreeObj.checkNode(treeNode, true, false, false);
- let checkedNodes = this.ztreeObj.getCheckedNodes(true);
- this.TreeDataPool.updateZTreeCheckNodes(checkedNodes);
+ let checkedNodes = this.ztreeObj.getCheckedNodes(true)
+ this.TreeDataPool.updateZTreeCheckNodes(checkedNodes)
// 瀹炴椂缁熻閫変腑涓暟
- this.TreeDataPool.countCheckedNodes(checkedNodes);
+ this.TreeDataPool.countCheckedNodes(checkedNodes)
// 淇濆瓨涓�浠芥暟鎹�
- this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes();
+ this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes()
+ this.$emit("itemChecked", treeNode)
},
//灞曞紑
itemExpand(e, id, node) {
- delete this.TreeDataPool.foldNodeList[node.id];
+ delete this.TreeDataPool.foldNodeList[node.id]
},
// 鎶樺彔
itemCollapse(e, id, node) {
- this.TreeDataPool.foldNodeList[node.id] = true;
+ this.TreeDataPool.foldNodeList[node.id] = true
},
dropNode(node, item, draggedItem, e) {
// console.log('dropNode', node, item, draggedItem);
- this.TreeDataPool.dropNode(draggedItem.id, item.id);
+ this.TreeDataPool.dropNode(draggedItem.id, item.id)
},
showCameraPic(nodeId) {
- this.TreeDataPool.showBaseImage(nodeId);
- },
- },
-};
+ this.TreeDataPool.showBaseImage(nodeId)
+ }
+ }
+}
</script>
<style lang="scss" scoped>
.dialog-box {
diff --git a/src/components/giantTree/zTree/ztree.vue b/src/components/giantTree/zTree/ztree.vue
index 147ccec..69175d2 100644
--- a/src/components/giantTree/zTree/ztree.vue
+++ b/src/components/giantTree/zTree/ztree.vue
@@ -1,8 +1,8 @@
<template>
<div>
<div class="search">
- <el-input placeholder="鎼滅储" v-model="keyWord">
- <i slot="suffix" class="el-input__icon el-icon-search" id="key"></i>
+ <el-input placeholder="鎼滅储" v-model="keyWord" size="mini" v-show="search">
+ <i slot="suffix" class="el-input__icon el-icon-search" :id="searchBtnId"></i>
</el-input>
</div>
<div class="ztree" :id="ztreeId"></div>
@@ -10,162 +10,164 @@
</template>
<script>
-import * as $ from "jquery";
-import { Loading } from "element-ui";
+import * as $ from "jquery"
+import { Loading } from "element-ui"
if (!window.jQuery) {
- window.jQuery = $;
+ window.jQuery = $
}
// require("@ztree/ztree_v3/js/jquery.ztree.all");
-require("./ztree_v3/jquery.ztree.all");
-require("./ztree_v3/jquery.ztree.exhide");
+require("./ztree_v3/jquery.ztree.all")
+require("./ztree_v3/jquery.ztree.exhide")
export default {
props: {
showCheckbox: { type: Boolean, default: false },
readonly: { type: Boolean, default: true },
gb28181: { type: Boolean, default: false },
+ search: { type: Boolean, default: false },
setting: {
type: Object,
require: false,
- default: function () {
- return {};
- },
+ default: function() {
+ return {}
+ }
},
nodes: {
type: Array,
require: true,
- default: function () {
- return [];
- },
- },
+ default: function() {
+ return []
+ }
+ }
},
data() {
return {
ztreeId: "ztree_" + parseInt(Math.random() * 1e10),
+ searchBtnId: "search_" + parseInt(Math.random() * 1e10),
ztreeObj: null,
list: [],
+ loading: false,
ztreeSetting: {
view: {
showLine: true,
showIcon: true, // default to hide icon
addHoverDom: this.addHoverDom,
- removeHoverDom: this.removeHoverDom,
+ removeHoverDom: this.removeHoverDom
},
check: {
chkboxType: { Y: "", N: "" },
- enable: this.showCheckbox,
+ enable: this.showCheckbox
},
callback: {
onAsyncError: (...arg) => {
- this.$emit("onAsyncError", ...arg);
+ this.$emit("onAsyncError", ...arg)
},
onAsyncSuccess: (...arg) => {
- this.$emit("onAsyncSuccess", ...arg);
+ this.$emit("onAsyncSuccess", ...arg)
},
onCheck: (...arg) => {
- this.$emit("onCheck", ...arg);
+ this.$emit("onCheck", ...arg)
},
onClick: (...arg) => {
- this.$emit("onClick", ...arg);
- this.removeHoverIcon(...arg);
+ this.$emit("onClick", ...arg)
+ this.removeHoverIcon(...arg)
},
onCollapse: (...arg) => {
- this.$emit("onCollapse", ...arg);
+ this.$emit("onCollapse", ...arg)
},
onDblClick: (...arg) => {
- this.$emit("onDblClick", ...arg);
+ this.$emit("onDblClick", ...arg)
},
onDrag: (...arg) => {
- this.$emit("onDrag", ...arg);
+ this.$emit("onDrag", ...arg)
},
onDragMove: (...arg) => {
- this.$emit("onDragMove", ...arg);
+ this.$emit("onDragMove", ...arg)
},
onDrop: (...arg) => {
- this.$emit("onDrop", ...arg);
+ this.$emit("onDrop", ...arg)
},
onExpand: (...arg) => {
- this.$emit("onExpand", ...arg);
+ this.$emit("onExpand", ...arg)
},
onMouseDown: (...arg) => {
- this.$emit("onMouseDown", ...arg);
+ this.$emit("onMouseDown", ...arg)
},
onMouseUp: (...arg) => {
- this.$emit("onMouseUp", ...arg);
+ this.$emit("onMouseUp", ...arg)
},
onRemove: (...arg) => {
- this.$emit("onRemove", ...arg);
+ this.$emit("onRemove", ...arg)
},
onRename: (...arg) => {
- this.$emit("onRename", ...arg);
+ this.$emit("onRename", ...arg)
},
onRightClick: (...arg) => {
- this.$emit("onRightClick", ...arg);
- },
- },
+ this.$emit("onRightClick", ...arg)
+ }
+ }
},
keyWord: "",
options: {
- target: "",
- },
- };
+ target: ""
+ }
+ }
},
watch: {
nodes: {
- handler: function (nodes) {
- this.list = nodes;
+ handler: function(nodes) {
+ this.list = nodes
// update tree
if (this.ztreeObj) {
- this.ztreeObj.destroy();
+ this.ztreeObj.destroy()
}
this.$nextTick(() => {
this.ztreeObj = $.fn.zTree.init(
$("#" + this.ztreeId),
Object.assign({}, this.ztreeSetting, this.setting),
this.list
- );
- console.log("---------");
- this.fuzzySearch(this.ztreeObj, "#key", null, true); //鍒濆鍖栨ā绯婃悳绱㈡柟娉�
- this.$emit("onCreated", this.ztreeObj);
- });
+ )
+ this.fuzzySearch(this.ztreeObj, this.searchBtnId, false, true) //鍒濆鍖栨ā绯婃悳绱㈡柟娉�
+ this.$emit("onCreated", this.ztreeObj)
+ })
},
deep: true,
- immediate: true,
+ immediate: true
},
showCheckbox: {
- handler: function () {
+ handler: function() {
let top = $("#" + this.ztreeId)
.parent()
- .scrollTop();
+ .scrollTop()
- this.ztreeSetting.check.enable = this.showCheckbox;
+ this.ztreeSetting.check.enable = this.showCheckbox
if (this.ztreeObj) {
- this.list = this.ztreeObj.getNodes();
- this.ztreeObj.destroy();
+ this.list = this.ztreeObj.getNodes()
+ this.ztreeObj.destroy()
}
this.$nextTick(() => {
this.ztreeObj = $.fn.zTree.init(
$("#" + this.ztreeId),
Object.assign({}, this.ztreeSetting, this.setting),
this.list
- );
+ )
$("#" + this.ztreeId)
.parent()
- .scrollTop(top);
- this.$emit("onCreated", this.ztreeObj);
- });
+ .scrollTop(top)
+ this.$emit("onCreated", this.ztreeObj)
+ })
},
- immediate: true,
- },
+ immediate: true
+ }
},
methods: {
addHoverDom(treeid, treeNode) {
- let _vue = this;
- const item = document.getElementById(`${treeNode.tId}_a`);
+ let _vue = this
+ const item = document.getElementById(`${treeNode.tId}_a`)
// 鏂囦欢澶规柊澧炴寜閽�
if (
@@ -175,18 +177,18 @@
!this.readonly &&
!this.gb28181
) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("el-icon-circle-plus-outline");
- btn.classList.add("primary");
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("el-icon-circle-plus-outline")
+ btn.classList.add("primary")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onAddNode", treeNode);
- });
+ _vue.$emit("onAddNode", treeNode)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
// 鏂囦欢澶瑰垹闄ゆ寜閽�
@@ -198,220 +200,192 @@
!treeNode.children &&
!this.gb28181
) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("el-icon-remove-outline");
- btn.classList.add("danger");
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("el-icon-remove-outline")
+ btn.classList.add("danger")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onRemoveNode", treeNode);
- });
+ _vue.$emit("onRemoveNode", treeNode)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
// 鏂囦欢澶圭紪杈戞寜閽�
- if (
- item &&
- !item.querySelector(".el-icon-edit") &&
- treeNode.isParent &&
- !this.readonly
- ) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("el-icon-edit");
- btn.classList.add("primary");
+ if (item && !item.querySelector(".el-icon-edit") && treeNode.isParent && !this.readonly) {
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("el-icon-edit")
+ btn.classList.add("primary")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onRenameNode", treeNode);
- });
+ _vue.$emit("onRenameNode", treeNode)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
// 娣诲姞鎽勫儚鏈烘寜閽�
- if (
- item &&
- !item.querySelector(".iconshishishipin") &&
- treeNode.isParent &&
- !this.readonly &&
- !this.gb28181
- ) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("iconfont");
- btn.classList.add("iconshishishipin");
- btn.classList.add("primary");
- btn.classList.add("icon-fix");
+ if (item && !item.querySelector(".iconshishishipin") && treeNode.isParent && !this.readonly && !this.gb28181) {
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("iconfont")
+ btn.classList.add("iconshishishipin")
+ btn.classList.add("primary")
+ btn.classList.add("icon-fix")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onAddDevice", treeNode.id);
- });
+ _vue.$emit("onAddDevice", treeNode.id)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
// 瀵煎叆鎽勫儚鏈烘寜閽�
- if (
- item &&
- !item.querySelector(".icondaoru") &&
- treeNode.isParent &&
- !this.readonly &&
- !this.gb28181
- ) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("iconfont");
- btn.classList.add("icondaoru");
- btn.classList.add("primary");
- btn.classList.add("icon-fix");
+ if (item && !item.querySelector(".icondaoru") && treeNode.isParent && !this.readonly && !this.gb28181) {
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("iconfont")
+ btn.classList.add("icondaoru")
+ btn.classList.add("primary")
+ btn.classList.add("icon-fix")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onImport", treeNode.id);
- });
+ _vue.$emit("onImport", treeNode.id)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
// 鏌ョ湅搴曞浘鎸夐挳
- if (
- item &&
- !item.querySelector(".icontupian1") &&
- treeNode.type == "camera"
- ) {
- const btn = document.createElement("i");
- btn.id = `${treeid}_${treeNode.id}_btn`;
- btn.classList.add("iconfont");
- btn.classList.add("icontupian1");
- btn.classList.add("primary");
- btn.classList.add("icon-fix");
+ if (item && !item.querySelector(".icontupian1") && treeNode.type == "camera") {
+ const btn = document.createElement("i")
+ btn.id = `${treeid}_${treeNode.id}_btn`
+ btn.classList.add("iconfont")
+ btn.classList.add("icontupian1")
+ btn.classList.add("primary")
+ btn.classList.add("icon-fix")
// btn.innerText = '鍒犻櫎';
btn.addEventListener("click", (e) => {
- e.stopPropagation();
+ e.stopPropagation()
// this.clickRemove(treeNode)
- _vue.$emit("onShowPic", treeNode);
- });
+ _vue.$emit("onShowPic", treeNode)
+ })
- item.appendChild(btn);
+ item.appendChild(btn)
}
},
removeHoverIcon(evt, treeId, item) {
- this.removeHoverDom(treeId, item);
+ this.removeHoverDom(treeId, item)
},
removeHoverDom(treeid, treeNode) {
- const item = document.getElementById(`${treeNode.tId}_a`);
+ const item = document.getElementById(`${treeNode.tId}_a`)
if (item) {
- let btn = item.querySelector(".el-icon-circle-plus-outline");
+ let btn = item.querySelector(".el-icon-circle-plus-outline")
if (btn) {
- item.removeChild(item.querySelector(".el-icon-circle-plus-outline"));
+ item.removeChild(item.querySelector(".el-icon-circle-plus-outline"))
}
- btn = item.querySelector(".el-icon-remove-outline");
+ btn = item.querySelector(".el-icon-remove-outline")
if (btn) {
- item.removeChild(item.querySelector(".el-icon-remove-outline"));
+ item.removeChild(item.querySelector(".el-icon-remove-outline"))
}
- btn = item.querySelector(".el-icon-edit");
+ btn = item.querySelector(".el-icon-edit")
if (btn) {
- item.removeChild(item.querySelector(".el-icon-edit"));
+ item.removeChild(item.querySelector(".el-icon-edit"))
}
- btn = item.querySelector(".iconshishishipin");
+ btn = item.querySelector(".iconshishishipin")
if (btn) {
- item.removeChild(item.querySelector(".iconshishishipin"));
+ item.removeChild(item.querySelector(".iconshishishipin"))
}
- btn = item.querySelector(".icondaoru");
+ btn = item.querySelector(".icondaoru")
if (btn) {
- item.removeChild(item.querySelector(".icondaoru"));
+ item.removeChild(item.querySelector(".icondaoru"))
}
- btn = item.querySelector(".icontupian1");
+ btn = item.querySelector(".icontupian1")
if (btn) {
- item.removeChild(item.querySelector(".icontupian1"));
+ item.removeChild(item.querySelector(".icontupian1"))
}
}
},
fuzzySearch(zTreeObj, searchField, isHighLight, isExpand) {
- const _this = this;
+ const _this = this
if (!zTreeObj) {
- alert("fail to get ztree object");
+ alert("fail to get ztree object")
}
- var nameKey = zTreeObj.setting.data.key.name; //get the key of the node name
- isHighLight = isHighLight === false ? false : true; //default true, only use false to disable highlight
- isExpand = isExpand ? true : false; // not to expand in default
- zTreeObj.setting.view.nameIsHTML = isHighLight; //allow use html in node name for highlight use
+ var nameKey = zTreeObj.setting.data.key.name //get the key of the node name
+ isHighLight = isHighLight === false ? false : true //default true, only use false to disable highlight
+ isExpand = isExpand ? true : false // not to expand in default
+ zTreeObj.setting.view.nameIsHTML = isHighLight //allow use html in node name for highlight use
- var metaChar = "[\\[\\]\\\\^\\$\\.\\|\\?\\*\\+\\(\\)]"; //js meta characters
- var rexMeta = new RegExp(metaChar, "gi"); //regular expression to match meta characters
+ var metaChar = "[\\[\\]\\\\^\\$\\.\\|\\?\\*\\+\\(\\)]" //js meta characters
+ var rexMeta = new RegExp(metaChar, "gi") //regular expression to match meta characters
// keywords filter function
function ztreeFilter(zTreeObj, _keywords, callBackFunc) {
if (!_keywords) {
- _keywords = ""; //default blank for _keywords
+ _keywords = "" //default blank for _keywords
}
// function to find the matching node
function filterFunc(node) {
if (node && node.oldname && node.oldname.length > 0) {
- node[nameKey] = node.oldname; //recover oldname of the node if exist
+ node[nameKey] = node.oldname //recover oldname of the node if exist
}
- zTreeObj.updateNode(node); //update node to for modifications take effect
+ zTreeObj.updateNode(node) //update node to for modifications take effect
if (_keywords.length == 0) {
//return true to show all nodes if the keyword is blank
- zTreeObj.showNode(node);
- zTreeObj.expandNode(node, isExpand);
- return true;
+ zTreeObj.showNode(node)
+ zTreeObj.expandNode(node, isExpand)
+ return true
}
//transform node name and keywords to lowercase
- if (
- node[nameKey] &&
- node[nameKey].toLowerCase().indexOf(_keywords.toLowerCase()) != -1
- ) {
+ if (node[nameKey] && node[nameKey].toLowerCase().indexOf(_keywords.toLowerCase()) != -1) {
if (isHighLight) {
//highlight process
//a new variable 'newKeywords' created to store the keywords information
//keep the parameter '_keywords' as initial and it will be used in next node
//process the meta characters in _keywords thus the RegExp can be correctly used in str.replace
- var newKeywords = _keywords.replace(rexMeta, function (matchStr) {
+ var newKeywords = _keywords.replace(rexMeta, function(matchStr) {
//add escape character before meta characters
- return "\\" + matchStr;
- });
- node.oldname = node[nameKey]; //store the old name
- var rexGlobal = new RegExp(newKeywords, "gi"); //'g' for global,'i' for ignore case
+ return "\\" + matchStr
+ })
+ node.oldname = node[nameKey] //store the old name
+ var rexGlobal = new RegExp(newKeywords, "gi") //'g' for global,'i' for ignore case
//use replace(RegExp,replacement) since replace(/substr/g,replacement) cannot be used here
- node[nameKey] = node.oldname.replace(
- rexGlobal,
- function (originalText) {
- //highlight the matching words in node name
- var highLightText =
- '<span style="color: whitesmoke;background-color: darkred;">' +
- originalText +
- "</span>";
- return highLightText;
- }
- );
- zTreeObj.updateNode(node); //update node for modifications take effect
+ node[nameKey] = node.oldname.replace(rexGlobal, function(originalText) {
+ //highlight the matching words in node name
+ var highLightText =
+ '<span style="color: whitesmoke;background-color: darkred;">' + originalText + "</span>"
+ return highLightText
+ })
+ zTreeObj.updateNode(node) //update node for modifications take effect
}
- zTreeObj.showNode(node); //show node with matching keywords
- return true; //return true and show this node
+ zTreeObj.showNode(node) //show node with matching keywords
+ return true //return true and show this node
}
- zTreeObj.hideNode(node); // hide node that not matched
- return false; //return false for node not matched
+ zTreeObj.hideNode(node) // hide node that not matched
+ return false //return false for node not matched
}
- var nodesShow = zTreeObj.getNodesByFilter(filterFunc); //get all nodes that would be shown
- processShowNodes(nodesShow, _keywords); //nodes should be reprocessed to show correctly
+ var nodesShow = zTreeObj.getNodesByFilter(filterFunc) //get all nodes that would be shown
+ processShowNodes(nodesShow, _keywords) //nodes should be reprocessed to show correctly
+ _this.$emit("onAfterSearch", null)
}
/**
@@ -421,62 +395,64 @@
if (nodesShow && nodesShow.length > 0) {
//process the ancient nodes if _keywords is not blank
if (_keywords.length > 0) {
- $.each(nodesShow, function (n, obj) {
- var pathOfOne = obj.getPath(); //get all the ancient nodes including current node
+ $.each(nodesShow, function(n, obj) {
+ var pathOfOne = obj.getPath() //get all the ancient nodes including current node
if (pathOfOne && pathOfOne.length > 0) {
//i < pathOfOne.length-1 process every node in path except self
for (var i = 0; i < pathOfOne.length - 1; i++) {
- zTreeObj.showNode(pathOfOne[i]); //show node
- zTreeObj.expandNode(pathOfOne[i], true); //expand node
+ zTreeObj.showNode(pathOfOne[i]) //show node
+ zTreeObj.expandNode(pathOfOne[i], true) //expand node
}
}
- });
+ })
} else {
//show all nodes when _keywords is blank and expand the root nodes
- var rootNodes = zTreeObj.getNodesByParam("level", "0"); //get all root nodes
- $.each(rootNodes, function (n, obj) {
- zTreeObj.expandNode(obj, true); //expand all root nodes
- });
+ var rootNodes = zTreeObj.getNodesByParam("level", "0") //get all root nodes
+ $.each(rootNodes, function(n, obj) {
+ zTreeObj.expandNode(obj, true) //expand all root nodes
+ })
}
}
}
//listen to change in input element
- $(searchField).bind("click", function () {
- _this.options.target = document.querySelector(
- "#" + _this.ztreeId
- ).parentNode.parentNode;
- console.log(_this.options.target);
- let loadingInstance = Loading.service(_this.options);
- console.log(_this.keyWord);
+ $("#" + searchField).bind("click", function() {
+ // _this.options.target = document.querySelector("#" + _this.ztreeId).parentNode.parentNode
+ // console.log(_this.options.target);
+ // let loadingInstance = Loading.service(_this.options)
+ // console.log(_this.keyWord);
// var _keywords = $(this).val();
- searchNodeLazy(_this.keyWord); //call lazy load
- loadingInstance.close();
- });
+ $("#" + searchField).removeClass("el-icon-search")
+ $("#" + searchField).addClass("el-icon-loading")
+ searchNodeLazy(_this.keyWord) //call lazy load
+ // loadingInstance.close()
+ setTimeout(() => {
+ $("#" + searchField).removeClass("el-icon-loading")
+ $("#" + searchField).addClass("el-icon-search")
+ }, 300)
+ })
- var timeoutId = null;
- var lastKeyword = "";
+ var lastKeyword = ""
// excute lazy load once after input change, the last pending task will be cancled
function searchNodeLazy(_keywords) {
- if (timeoutId) {
- //clear pending task
- clearTimeout(timeoutId);
+ if (lastKeyword === _keywords) {
+ return
}
- timeoutId = setTimeout(function () {
- if (lastKeyword === _keywords) {
- return;
- }
- ztreeFilter(zTreeObj, _keywords); //lazy load ztreeFilter function
- // $(searchField).focus();//focus input field again after filtering
- lastKeyword = _keywords;
- }, 500);
+ ztreeFilter(zTreeObj, _keywords) //lazy load ztreeFilter function
+ // $(searchField).focus();//focus input field again after filtering
+ lastKeyword = _keywords
}
},
- },
-};
+ handleSearch() {
+ this.loading = true
+ searchNodeLazy(this.keyWord) //call lazy load
+ this.loading = false
+ }
+ }
+}
</script>
-<style >
+<style>
/* beauty ztree! */
.ztree * {
@@ -508,8 +484,7 @@
}
.ztree li ul.line {
/* background: url(./img/line_conn.gif) 0 0 repeat-y; */
- background: url(data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7)
- 0 0 repeat-y;
+ background: url(data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7) 0 0 repeat-y;
}
.ztree li a {
@@ -810,7 +785,8 @@
<style scoped lang="scss">
.search {
- width: 300px;
+ width: 280px;
+ margin: 5px 5px;
::v-deep .el-input__suffix {
right: 0;
@@ -821,4 +797,4 @@
background-color: rgb(61, 104, 255);
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/giantTree/zTree/ztree_v3/jquery.ztree.all.js b/src/components/giantTree/zTree/ztree_v3/jquery.ztree.all.js
index dee4cce..7c2fcb6 100644
--- a/src/components/giantTree/zTree/ztree_v3/jquery.ztree.all.js
+++ b/src/components/giantTree/zTree/ztree_v3/jquery.ztree.all.js
@@ -11,8 +11,10 @@
* Date: 2020-11-21
*/
-(function ($) {
- var settings = {}, roots = {}, caches = {},
+;(function($) {
+ var settings = {},
+ roots = {},
+ caches = {},
//default consts of core
_consts = {
className: {
@@ -20,7 +22,7 @@
LEVEL: "level",
ICO_LOADING: "ico_loading",
SWITCH: "switch",
- NAME: 'node_name'
+ NAME: "node_name"
},
event: {
NODECREATED: "ztree_nodeCreated",
@@ -86,7 +88,7 @@
},
render: {
name: null,
- title: null,
+ title: null
},
simpleData: {
enable: false,
@@ -137,72 +139,72 @@
},
//default root of core
//zTree use root to save full data
- _initRoot = function (setting) {
- var r = data.getRoot(setting);
+ _initRoot = function(setting) {
+ var r = data.getRoot(setting)
if (!r) {
- r = {};
- data.setRoot(setting, 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();
+ 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);
+ _initCache = function(setting) {
+ var c = data.getCache(setting)
if (!c) {
- c = {};
- data.setCache(setting, c);
+ c = {}
+ data.setCache(setting, c)
}
- c.nodes = [];
- c.doms = [];
+ c.nodes = []
+ c.doms = []
},
//default bindEvent of core
- _bindEvent = function (setting) {
+ _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]);
- });
+ 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.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.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.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_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.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.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]);
- });
+ 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) {
+ _unbindEvent = function(setting) {
var o = setting.treeObj,
- c = consts.event;
+ c = consts.event
o.unbind(c.NODECREATED)
.unbind(c.CLICK)
.unbind(c.EXPAND)
@@ -211,82 +213,88 @@
.unbind(c.ASYNC_ERROR)
.unbind(c.REMOVE)
.unbind(c.SELECTED)
- .unbind(c.UNSELECTED);
+ .unbind(c.UNSELECTED)
},
//default event proxy of core
- _eventProxy = function (event) {
+ _eventProxy = function(event) {
var target = event.target,
setting = data.getSetting(event.data.treeId),
- tId = "", node = null,
- nodeEventType = "", treeEventType = "",
- nodeEventCallback = null, treeEventCallback = null,
- tmp = null;
+ tId = "",
+ node = null,
+ nodeEventType = "",
+ treeEventType = "",
+ nodeEventCallback = null,
+ treeEventCallback = null,
+ tmp = null
if (tools.eqs(event.type, "mousedown")) {
- treeEventType = "mousedown";
+ treeEventType = "mousedown"
} else if (tools.eqs(event.type, "mouseup")) {
- treeEventType = "mouseup";
+ treeEventType = "mouseup"
} else if (tools.eqs(event.type, "contextmenu")) {
- treeEventType = "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";
+ tId = tools.getNodeMainDom(target).id
+ nodeEventType = "switchNode"
} else {
- tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]);
+ tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (tmp) {
- tId = tools.getNodeMainDom(tmp).id;
- nodeEventType = "clickNode";
+ 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 }]);
+ treeEventType = "dblclick"
+ tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (tmp) {
- tId = tools.getNodeMainDom(tmp).id;
- nodeEventType = "switchNode";
+ 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 }]);
+ tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (tmp) {
- tId = tools.getNodeMainDom(tmp).id;
+ tId = tools.getNodeMainDom(tmp).id
}
}
// event to node
if (tId.length > 0) {
- node = data.getNodeCache(setting, tId);
+ node = data.getNodeCache(setting, tId)
switch (nodeEventType) {
case "switchNode":
- var isParent = data.nodeIsParent(setting, node);
+ 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;
+ 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 = "";
+ nodeEventType = ""
}
- break;
+ break
case "clickNode":
- nodeEventCallback = handler.onClickNode;
- break;
+ nodeEventCallback = handler.onClickNode
+ break
}
}
// event to zTree
switch (treeEventType) {
case "mousedown":
- treeEventCallback = handler.onZTreeMousedown;
- break;
+ treeEventCallback = handler.onZTreeMousedown
+ break
case "mouseup":
- treeEventCallback = handler.onZTreeMouseup;
- break;
+ treeEventCallback = handler.onZTreeMouseup
+ break
case "dblclick":
- treeEventCallback = handler.onZTreeDblclick;
- break;
+ treeEventCallback = handler.onZTreeDblclick
+ break
case "contextmenu":
- treeEventCallback = handler.onZTreeContextmenu;
- break;
+ treeEventCallback = handler.onZTreeContextmenu
+ break
}
var proxyResult = {
stop: false,
@@ -295,46 +303,46 @@
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;
+ _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);
+ children = data.nodeChildren(setting, n)
+ n.level = level
+ n.tId = setting.treeId + "_" + ++r.zId
+ n.parentTId = parentNode ? parentNode.tId : null
+ n.open = typeof n.open == "string" ? tools.eqs(n.open, "true") : !!n.open
+ var isParent = data.nodeIsParent(setting, n)
if (tools.isArray(children)) {
- data.nodeIsParent(setting, n, true);
- n.zAsync = true;
+ 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;
+ 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);
+ 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],
@@ -351,1037 +359,1136 @@
},
//method of operate data
data = {
- addNodeCache: function (setting, node) {
- data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node;
+ addNodeCache: function(setting, node) {
+ data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node
},
- getNodeCacheId: function (tId) {
- return tId.substring(tId.lastIndexOf("_") + 1);
+ getNodeCacheId: function(tId) {
+ return tId.substring(tId.lastIndexOf("_") + 1)
},
- addAfterA: function (afterA) {
- _init.afterA.push(afterA);
+ addAfterA: function(afterA) {
+ _init.afterA.push(afterA)
},
- addBeforeA: function (beforeA) {
- _init.beforeA.push(beforeA);
+ addBeforeA: function(beforeA) {
+ _init.beforeA.push(beforeA)
},
- addInnerAfterA: function (innerAfterA) {
- _init.innerAfterA.push(innerAfterA);
+ addInnerAfterA: function(innerAfterA) {
+ _init.innerAfterA.push(innerAfterA)
},
- addInnerBeforeA: function (innerBeforeA) {
- _init.innerBeforeA.push(innerBeforeA);
+ addInnerBeforeA: function(innerBeforeA) {
+ _init.innerBeforeA.push(innerBeforeA)
},
- addInitBind: function (bindEvent) {
- _init.bind.push(bindEvent);
+ addInitBind: function(bindEvent) {
+ _init.bind.push(bindEvent)
},
- addInitUnBind: function (unbindEvent) {
- _init.unbind.push(unbindEvent);
+ addInitUnBind: function(unbindEvent) {
+ _init.unbind.push(unbindEvent)
},
- addInitCache: function (initCache) {
- _init.caches.push(initCache);
+ addInitCache: function(initCache) {
+ _init.caches.push(initCache)
},
- addInitNode: function (initNode) {
- _init.nodes.push(initNode);
+ addInitNode: function(initNode) {
+ _init.nodes.push(initNode)
},
- addInitProxy: function (initProxy, isFirst) {
+ addInitProxy: function(initProxy, isFirst) {
if (!!isFirst) {
- _init.proxys.splice(0, 0, initProxy);
+ _init.proxys.splice(0, 0, initProxy)
} else {
- _init.proxys.push(initProxy);
+ _init.proxys.push(initProxy)
}
},
- addInitRoot: function (initRoot) {
- _init.roots.push(initRoot);
+ addInitRoot: function(initRoot) {
+ _init.roots.push(initRoot)
},
- addNodesData: function (setting, parentNode, index, nodes) {
- var children = data.nodeChildren(setting, parentNode), params;
+ addNodesData: function(setting, parentNode, index, nodes) {
+ var children = data.nodeChildren(setting, parentNode),
+ params
if (!children) {
- children = data.nodeChildren(setting, parentNode, []);
- index = -1;
+ children = data.nodeChildren(setting, parentNode, [])
+ index = -1
} else if (index >= children.length) {
- index = -1;
+ index = -1
}
if (children.length > 0 && index === 0) {
- children[0].isFirstNode = false;
- view.setNodeLineIcos(setting, children[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]);
+ children[children.length - 1].isLastNode = false
+ view.setNodeLineIcos(setting, children[children.length - 1])
}
- data.nodeIsParent(setting, parentNode, true);
+ data.nodeIsParent(setting, parentNode, true)
if (index < 0) {
- data.nodeChildren(setting, parentNode, children.concat(nodes));
+ data.nodeChildren(setting, parentNode, children.concat(nodes))
} else {
- params = [index, 0].concat(nodes);
- children.splice.apply(children, params);
+ params = [index, 0].concat(nodes)
+ children.splice.apply(children, params)
}
},
- addSelectedNode: function (setting, node) {
- var root = data.getRoot(setting);
+ addSelectedNode: function(setting, node) {
+ var root = data.getRoot(setting)
if (!data.isSelectedNode(setting, node)) {
- root.curSelectedList.push(node);
+ root.curSelectedList.push(node)
}
},
- addCreatedNode: function (setting, node) {
+ addCreatedNode: function(setting, node) {
if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
- var root = data.getRoot(setting);
- root.createdNodes.push(node);
+ var root = data.getRoot(setting)
+ root.createdNodes.push(node)
}
},
- addZTreeTools: function (zTreeTools) {
- _init.zTreeTools.push(zTreeTools);
+ addZTreeTools: function(zTreeTools) {
+ _init.zTreeTools.push(zTreeTools)
},
- exSetting: function (s) {
- $.extend(true, _setting, s);
+ exSetting: function(s) {
+ $.extend(true, _setting, s)
},
- fixPIdKeyValue: function (setting, node) {
+ 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;
+ node[setting.data.simpleData.pIdKey] = node.parentTId
+ ? node.getParentNode()[setting.data.simpleData.idKey]
+ : setting.data.simpleData.rootPId
}
},
- getAfterA: function (setting, node, array) {
+ getAfterA: function(setting, node, array) {
for (var i = 0, j = _init.afterA.length; i < j; i++) {
- _init.afterA[i].apply(this, arguments);
+ _init.afterA[i].apply(this, arguments)
}
},
- getBeforeA: function (setting, node, array) {
+ getBeforeA: function(setting, node, array) {
for (var i = 0, j = _init.beforeA.length; i < j; i++) {
- _init.beforeA[i].apply(this, arguments);
+ _init.beforeA[i].apply(this, arguments)
}
},
- getInnerAfterA: function (setting, node, array) {
+ getInnerAfterA: function(setting, node, array) {
for (var i = 0, j = _init.innerAfterA.length; i < j; i++) {
- _init.innerAfterA[i].apply(this, arguments);
+ _init.innerAfterA[i].apply(this, arguments)
}
},
- getInnerBeforeA: function (setting, node, array) {
+ getInnerBeforeA: function(setting, node, array) {
for (var i = 0, j = _init.innerBeforeA.length; i < j; i++) {
- _init.innerBeforeA[i].apply(this, arguments);
+ _init.innerBeforeA[i].apply(this, arguments)
}
},
- getCache: function (setting) {
- return caches[setting.treeId];
+ getCache: function(setting) {
+ return caches[setting.treeId]
},
- getNodeIndex: function (setting, node) {
- if (!node) return null;
+ getNodeIndex: function(setting, node) {
+ if (!node) return null
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
- children = data.nodeChildren(setting, p);
+ children = data.nodeChildren(setting, p)
for (var i = 0, l = children.length - 1; i <= l; i++) {
if (children[i] === node) {
- return i;
+ return i
}
}
- return -1;
+ return -1
},
- getNextNode: function (setting, node) {
- if (!node) return null;
+ getNextNode: function(setting, node) {
+ if (!node) return null
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
- children = data.nodeChildren(setting, p);
+ 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 i == l ? null : children[i + 1]
}
}
- return null;
+ return null
},
- getNodeByParam: function (setting, nodes, key, value) {
- if (!nodes || !key) 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];
+ var node = nodes[i]
if (node[key] == value) {
- return nodes[i];
+ return nodes[i]
}
- var children = data.nodeChildren(setting, node);
- var tmp = data.getNodeByParam(setting, children, key, value);
- if (tmp) return tmp;
+ var children = data.nodeChildren(setting, node)
+ var tmp = data.getNodeByParam(setting, children, key, value)
+ if (tmp) return tmp
}
- return null;
+ return null
},
- getNodeCache: function (setting, tId) {
- if (!tId) return null;
- var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)];
- return n ? n : null;
+ getNodeCache: function(setting, tId) {
+ if (!tId) return null
+ var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)]
+ return n ? n : null
},
- getNodePath: function (setting, node) {
- if (!node) return null;
+ getNodePath: function(setting, node) {
+ if (!node) return null
- var path;
+ var path
if (node.parentTId) {
- path = node.getParentNode().getPath();
+ path = node.getParentNode().getPath()
} else {
- path = [];
+ path = []
}
if (path) {
- path.push(node);
+ path.push(node)
}
- return path;
+ return path
},
- getNodes: function (setting) {
- return data.nodeChildren(setting, data.getRoot(setting));
+ getNodes: function(setting) {
+ return data.nodeChildren(setting, data.getRoot(setting))
},
- getNodesByParam: function (setting, nodes, key, value) {
- if (!nodes || !key) return [];
- var result = [];
+ 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];
+ var node = nodes[i]
if (node[key] == value) {
- result.push(node);
+ result.push(node)
}
- var children = data.nodeChildren(setting, node);
- result = result.concat(data.getNodesByParam(setting, children, key, value));
+ var children = data.nodeChildren(setting, node)
+ result = result.concat(data.getNodesByParam(setting, children, key, value))
}
- return result;
+ return result
},
- getNodesByParamFuzzy: function (setting, nodes, key, value) {
- if (!nodes || !key) return [];
- var result = [];
- value = value.toLowerCase();
+ 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];
+ var node = nodes[i]
if (typeof node[key] == "string" && nodes[i][key].toLowerCase().indexOf(value) > -1) {
- result.push(node);
+ result.push(node)
}
- var children = data.nodeChildren(setting, node);
- result = result.concat(data.getNodesByParamFuzzy(setting, children, key, value));
+ var children = data.nodeChildren(setting, node)
+ result = result.concat(data.getNodesByParamFuzzy(setting, children, key, value))
}
- return result;
+ return result
},
- getNodesByFilter: function (setting, nodes, filter, isSingle, invokeParam) {
- if (!nodes) return (isSingle ? null : []);
- var result = isSingle ? null : [];
+ 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];
+ var node = nodes[i]
if (tools.apply(filter, [node, invokeParam], false)) {
if (isSingle) {
- return node;
+ return node
}
- result.push(node);
+ result.push(node)
}
- var children = data.nodeChildren(setting, node);
- var tmpResult = data.getNodesByFilter(setting, children, filter, isSingle, invokeParam);
+ var children = data.nodeChildren(setting, node)
+ var tmpResult = data.getNodesByFilter(setting, children, filter, isSingle, invokeParam)
if (isSingle && !!tmpResult) {
- return tmpResult;
+ return tmpResult
}
- result = isSingle ? tmpResult : result.concat(tmpResult);
+ result = isSingle ? tmpResult : result.concat(tmpResult)
}
- return result;
+ return result
},
- getPreNode: function (setting, node) {
- if (!node) return null;
+ getPreNode: function(setting, node) {
+ if (!node) return null
var p = node.parentTId ? node.getParentNode() : data.getRoot(setting),
- children = data.nodeChildren(setting, p);
+ 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 i == 0 ? null : children[i - 1]
}
}
- return null;
+ return null
},
- getRoot: function (setting) {
- return setting ? roots[setting.treeId] : null;
+ getRoot: function(setting) {
+ return setting ? roots[setting.treeId] : null
},
- getRoots: function () {
- return roots;
+ getRoots: function() {
+ return roots
},
- getSetting: function (treeId) {
- return settings[treeId];
+ getSetting: function(treeId) {
+ return settings[treeId]
},
- getSettings: function () {
- return settings;
+ getSettings: function() {
+ return settings
},
- getZTreeTools: function (treeId) {
- var r = this.getRoot(this.getSetting(treeId));
- return r ? r.treeTools : null;
+ getZTreeTools: function(treeId) {
+ var r = this.getRoot(this.getSetting(treeId))
+ return r ? r.treeTools : null
},
- initCache: function (setting) {
+ initCache: function(setting) {
for (var i = 0, j = _init.caches.length; i < j; i++) {
- _init.caches[i].apply(this, arguments);
+ _init.caches[i].apply(this, arguments)
}
},
- initNode: function (setting, level, node, parentNode, preNode, nextNode) {
+ 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);
+ _init.nodes[i].apply(this, arguments)
}
},
- initRoot: function (setting) {
+ initRoot: function(setting) {
for (var i = 0, j = _init.roots.length; i < j; i++) {
- _init.roots[i].apply(this, arguments);
+ _init.roots[i].apply(this, arguments)
}
},
- isSelectedNode: function (setting, node) {
- var root = data.getRoot(setting);
+ 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;
+ if (node === root.curSelectedList[i]) return true
}
- return false;
+ return false
},
- nodeChildren: function (setting, node, newChildren) {
+ nodeChildren: function(setting, node, newChildren) {
if (!node) {
- return null;
+ return null
}
- var key = setting.data.key.children;
- if (typeof newChildren !== 'undefined') {
- node[key] = newChildren;
+ var key = setting.data.key.children
+ if (typeof newChildren !== "undefined") {
+ node[key] = newChildren
}
- return node[key];
+ return node[key]
},
- nodeIsParent: function (setting, node, newIsParent) {
+ nodeIsParent: function(setting, node, newIsParent) {
if (!node) {
- return false;
+ return false
}
- var key = setting.data.key.isParent;
- if (typeof newIsParent !== 'undefined') {
+ var key = setting.data.key.isParent
+ if (typeof newIsParent !== "undefined") {
if (typeof newIsParent === "string") {
- newIsParent = tools.eqs(newIsParent, "true");
+ newIsParent = tools.eqs(newIsParent, "true")
}
- newIsParent = !!newIsParent;
- node[key] = newIsParent;
+ newIsParent = !!newIsParent
+ node[key] = newIsParent
} else if (typeof node[key] == "string") {
- node[key] = tools.eqs(node[key], "true");
+ node[key] = tools.eqs(node[key], "true")
} else {
- node[key] = !!node[key];
+ node[key] = !!node[key]
}
// 鍖归厤绌虹洰褰�
if (node.type == "MENU") {
- node[key] = true;
+ node[key] = true
}
- return node[key];
+ return node[key]
},
- nodeName: function (setting, node, newName) {
- var key = setting.data.key.name;
- if (typeof newName !== 'undefined') {
- node[key] = newName;
+ nodeName: function(setting, node, newName) {
+ var key = setting.data.key.name
+ if (typeof newName !== "undefined") {
+ node[key] = newName
}
- var rawName = "" + node[key];
- if (typeof setting.data.render.name === 'function') {
- return setting.data.render.name.call(this, rawName, node);
+ var rawName = "" + node[key]
+ if (typeof setting.data.render.name === "function") {
+ return setting.data.render.name.call(this, rawName, node)
}
- return rawName;
+ return rawName
},
- nodeTitle: function (setting, node) {
- var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title;
- var rawTitle = "" + node[t];
- if (typeof setting.data.render.title === 'function') {
- return setting.data.render.title.call(this, rawTitle, node);
+ nodeTitle: function(setting, node) {
+ var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title
+ var rawTitle = "" + node[t]
+ if (typeof setting.data.render.title === "function") {
+ return setting.data.render.title.call(this, rawTitle, node)
}
- return rawTitle;
+ return rawTitle
},
- removeNodeCache: function (setting, node) {
- var children = data.nodeChildren(setting, node);
+ 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.removeNodeCache(setting, children[i])
}
}
- data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null;
+ data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null
},
- removeSelectedNode: function (setting, node) {
- var root = data.getRoot(setting);
+ 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--;
+ root.curSelectedList.splice(i, 1)
+ setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, node])
+ i--
+ j--
}
}
},
- setCache: function (setting, cache) {
- caches[setting.treeId] = cache;
+ setCache: function(setting, cache) {
+ caches[setting.treeId] = cache
},
- setRoot: function (setting, root) {
- roots[setting.treeId] = root;
+ setRoot: function(setting, root) {
+ roots[setting.treeId] = root
},
- setZTreeTools: function (setting, zTreeTools) {
+ setZTreeTools: function(setting, zTreeTools) {
for (var i = 0, j = _init.zTreeTools.length; i < j; i++) {
- _init.zTreeTools[i].apply(this, arguments);
+ _init.zTreeTools[i].apply(this, arguments)
}
},
- transformToArrayFormat: function (setting, nodes) {
- if (!nodes) return [];
- var r = [];
+ 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);
+ var node = nodes[i]
+ _do(node)
}
} else {
- _do(nodes);
+ _do(nodes)
}
- return r;
+ return r
function _do(_node) {
- r.push(_node);
- var children = data.nodeChildren(setting, _node);
+ r.push(_node)
+ var children = data.nodeChildren(setting, _node)
if (children) {
- r = r.concat(data.transformToArrayFormat(setting, children));
+ r = r.concat(data.transformToArrayFormat(setting, children))
}
}
},
- transformTozTreeFormat: function (setting, sNodes) {
- var i, l,
+ transformTozTreeFormat: function(setting, sNodes) {
+ var i,
+ l,
key = setting.data.simpleData.idKey,
- parentKey = setting.data.simpleData.pIdKey;
- if (!key || key == "" || !sNodes) return [];
+ parentKey = setting.data.simpleData.pIdKey
+ if (!key || key == "" || !sNodes) return []
if (tools.isArray(sNodes)) {
- var r = [];
- var tmpMap = {};
+ var r = []
+ var tmpMap = {}
for (i = 0, l = sNodes.length; i < l; i++) {
- tmpMap[sNodes[i][key]] = sNodes[i];
+ tmpMap[sNodes[i][key]] = sNodes[i]
}
for (i = 0, l = sNodes.length; i < l; i++) {
- var p = tmpMap[sNodes[i][parentKey]];
+ var p = tmpMap[sNodes[i][parentKey]]
if (p && sNodes[i][key] != sNodes[i][parentKey]) {
- var children = data.nodeChildren(setting, p);
+ var children = data.nodeChildren(setting, p)
if (!children) {
- children = data.nodeChildren(setting, p, []);
+ children = data.nodeChildren(setting, p, [])
}
- children.push(sNodes[i]);
+ children.push(sNodes[i])
} else {
- r.push(sNodes[i]);
+ r.push(sNodes[i])
}
}
- return r;
+ return r
} else {
- return [sNodes];
+ return [sNodes]
}
}
},
//method of event proxy
event = {
- bindEvent: function (setting) {
+ bindEvent: function(setting) {
for (var i = 0, j = _init.bind.length; i < j; i++) {
- _init.bind[i].apply(this, arguments);
+ _init.bind[i].apply(this, arguments)
}
},
- unbindEvent: function (setting) {
+ unbindEvent: function(setting) {
for (var i = 0, j = _init.unbind.length; i < j; i++) {
- _init.unbind[i].apply(this, arguments);
+ _init.unbind[i].apply(this, arguments)
}
},
- bindTree: function (setting) {
+ bindTree: function(setting) {
var eventParam = {
- treeId: setting.treeId
- },
- o = setting.treeObj;
+ treeId: setting.treeId
+ },
+ o = setting.treeObj
if (!setting.view.txtSelectedEnable) {
// for can't select text
- o.bind('selectstart', handler.onSelectStart).css({
+ 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);
+ 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);
+ 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 = [];
+ 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);
+ var proxyResult = _init.proxys[i].apply(this, arguments)
+ results.push(proxyResult)
if (proxyResult.stop) {
- break;
+ break
}
}
- return results;
+ return results
},
- proxy: function (e) {
- var setting = data.getSetting(e.data.treeId);
- if (!tools.uCanDo(setting, e)) return true;
+ 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;
+ r = true,
+ x = false
for (var i = 0, l = results.length; i < l; i++) {
- var proxyResult = results[i];
+ var proxyResult = results[i]
if (proxyResult.nodeEventCallback) {
- x = true;
- r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
+ 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;
+ x = true
+ r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r
}
}
- return r;
+ return r
}
},
//method of event handler
handler = {
- onSwitchNode: function (event, node) {
- var setting = data.getSetting(event.data.treeId);
+ 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);
+ 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);
+ if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true
+ data.getRoot(setting).expandTriggerFlag = true
+ view.switchNode(setting, node)
}
- return true;
+ return true
},
- onClickNode: function (event, node) {
+ onClickNode: function(event, node) {
// debugger
var setting = data.getSetting(event.data.treeId),
- clickFlag = ((setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey)) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && setting.view.selectedMulti) ? 2 : 1;
- if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true;
+ 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);
+ view.cancelPreSelectedNode(setting, node)
} else {
- view.selectNode(setting, node, clickFlag === 2);
+ view.selectNode(setting, node, clickFlag === 2)
}
- setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]);
- return true;
+ setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag])
+ return true
},
- onZTreeMousedown: function (event, node) {
- var setting = data.getSetting(event.data.treeId);
+ 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]);
+ tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node])
}
- return true;
+ return true
},
- onZTreeMouseup: function (event, node) {
- var setting = data.getSetting(event.data.treeId);
+ 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]);
+ tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node])
}
- return true;
+ return true
},
- onZTreeDblclick: function (event, node) {
- var setting = data.getSetting(event.data.treeId);
+ 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]);
+ tools.apply(setting.callback.onDblClick, [event, setting.treeId, node])
}
- return true;
+ return true
},
- onZTreeContextmenu: function (event, node) {
- var setting = data.getSetting(event.data.treeId);
+ 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]);
+ tools.apply(setting.callback.onRightClick, [event, setting.treeId, node])
}
- return (typeof setting.callback.onRightClick) != "function";
+ return typeof setting.callback.onRightClick != "function"
},
- onSelectStart: function (e) {
- var n = e.originalEvent.srcElement.nodeName.toLowerCase();
- return (n === "input" || n === "textarea");
+ onSelectStart: function(e) {
+ var n = e.originalEvent.srcElement.nodeName.toLowerCase()
+ return n === "input" || n === "textarea"
}
},
//method of tools for zTree
tools = {
- apply: function (fun, param, defaultValue) {
- if ((typeof fun) == "function") {
- return fun.apply(zt, param ? param : []);
+ apply: function(fun, param, defaultValue) {
+ if (typeof fun == "function") {
+ return fun.apply(zt, param ? param : [])
}
- return defaultValue;
+ 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)));
+ 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) ? [] : {};
+ 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]);
+ o[i] =
+ obj[i] instanceof Date
+ ? new Date(obj[i].getTime())
+ : typeof obj[i] === "object"
+ ? tools.clone(obj[i])
+ : obj[i]
}
- return o;
+ return o
},
- eqs: function (str1, str2) {
- return str1.toLowerCase() === str2.toLowerCase();
+ eqs: function(str1, str2) {
+ return str1.toLowerCase() === str2.toLowerCase()
},
- isArray: function (arr) {
- return Object.prototype.toString.apply(arr) === "[object Array]";
+ 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"
- );
+ 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) {
+ $: function(node, exp, setting) {
if (!!exp && typeof exp != "string") {
- setting = exp;
- exp = "";
+ setting = exp
+ exp = ""
}
if (typeof node == "string") {
- return $(node, setting ? setting.treeObj.get(0).ownerDocument : null);
+ return $(node, setting ? setting.treeObj.get(0).ownerDocument : null)
} else {
- return $("#" + node.tId + exp, setting ? setting.treeObj : null);
+ return $("#" + node.tId + exp, setting ? setting.treeObj : null)
}
},
- getMDom: function (setting, curDom, targetExpr) {
- if (!curDom) return 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;
+ if (
+ tools.eqs(curDom.tagName, targetExpr[i].tagName) &&
+ curDom.getAttribute(targetExpr[i].attrName) !== null
+ ) {
+ return curDom
}
}
- curDom = curDom.parentNode;
+ curDom = curDom.parentNode
}
- return null;
+ return null
},
- getNodeMainDom: function (target) {
- return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0));
+ 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);
+ isChildOrSelf: function(dom, parentId) {
+ return $(dom).closest("#" + parentId).length > 0
},
- uCanDo: function (setting, e) {
- return true;
+ 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);
+ addNodes: function(setting, parentNode, index, newNodes, isSilent) {
+ var isParent = data.nodeIsParent(setting, parentNode)
if (setting.data.keep.leaf && parentNode && !isParent) {
- return;
+ return
}
if (!tools.isArray(newNodes)) {
- newNodes = [newNodes];
+ newNodes = [newNodes]
}
if (setting.data.simpleData.enable) {
- newNodes = data.transformTozTreeFormat(setting, newNodes);
+ 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);
+ 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;
+ view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE)
+ view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE)
+ parentNode.open = false
target_ulObj.css({
- "display": "none"
- });
+ display: "none"
+ })
}
- data.addNodesData(setting, parentNode, index, newNodes);
- view.createNodes(setting, parentNode.level + 1, newNodes, parentNode, index);
+ data.addNodesData(setting, parentNode, index, newNodes)
+ view.createNodes(setting, parentNode.level + 1, newNodes, parentNode, index)
if (!isSilent) {
- view.expandCollapseParentNode(setting, parentNode, true);
+ view.expandCollapseParentNode(setting, parentNode, true)
}
} else {
- data.addNodesData(setting, data.getRoot(setting), index, newNodes);
- view.createNodes(setting, 0, newNodes, null, index);
+ 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 = [];
+ appendNodes: function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
+ if (!nodes) return []
+ var html = []
- var tmpPNode = (parentNode) ? parentNode : data.getRoot(setting),
+ var tmpPNode = parentNode ? parentNode : data.getRoot(setting),
tmpPChild = data.nodeChildren(setting, tmpPNode),
- isFirstNode, isLastNode;
+ isFirstNode,
+ isLastNode
if (!tmpPChild || index >= tmpPChild.length - nodes.length) {
- index = -1;
+ index = -1
}
for (var i = 0, l = nodes.length; i < l; i++) {
- var node = nodes[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);
+ 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 isParent = data.nodeIsParent(setting, node)
- var childHtml = [];
- var children = data.nodeChildren(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);
+ 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);
+ 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.makeUlHtml(setting, node, html, childHtml.join(""))
}
- view.makeDOMNodeMainAfter(html, setting, node);
- data.addCreatedNode(setting, node);
+ view.makeDOMNodeMainAfter(html, setting, node)
+ data.addCreatedNode(setting, node)
}
}
- return html;
+ return html
},
- appendParentULDom: function (setting, node) {
+ appendParentULDom: function(setting, node) {
var html = [],
- nObj = $$(node, setting);
+ nObj = $$(node, setting)
if (!nObj.get(0) && !!node.parentTId) {
- view.appendParentULDom(setting, node.getParentNode());
- nObj = $$(node, setting);
+ view.appendParentULDom(setting, node.getParentNode())
+ nObj = $$(node, setting)
}
- var ulObj = $$(node, consts.id.UL, setting);
+ var ulObj = $$(node, consts.id.UL, setting)
if (ulObj.get(0)) {
- ulObj.remove();
+ 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(''));
+ 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);
+ asyncNode: function(setting, node, isSilent, callback) {
+ var i, l
+ var isParent = data.nodeIsParent(setting, node)
if (node && !isParent) {
- tools.apply(callback);
- return false;
+ tools.apply(callback)
+ return false
} else if (node && node.isAjaxing) {
- return false;
+ return false
} else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) {
- tools.apply(callback);
- return 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 });
+ 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);
+ 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;
+ var pKey = autoParam[i].split("="),
+ spKey = pKey
if (pKey.length > 1) {
- spKey = pKey[1];
- pKey = pKey[0];
+ spKey = pKey[1]
+ pKey = pKey[0]
}
- tmpParam[spKey] = node[pKey];
+ tmpParam[spKey] = node[pKey]
}
- var otherParam = tools.apply(setting.async.otherParam, [setting.treeId, node], setting.async.otherParam);
+ 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];
+ tmpParam[otherParam[i]] = otherParam[i + 1]
}
} else {
for (var p in otherParam) {
- tmpParam[p] = otherParam[p];
+ tmpParam[p] = otherParam[p]
}
}
- var _tmpV = data.getRoot(setting)._ver;
+ 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,
+ 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) {
+ success: function(msg) {
if (_tmpV != data.getRoot(setting)._ver) {
- return;
+ return
}
- var newNodes = [];
+ var newNodes = []
try {
if (!msg || msg.length == 0) {
- newNodes = [];
+ newNodes = []
} else if (typeof msg == "string") {
- newNodes = eval("(" + msg + ")");
+ newNodes = eval("(" + msg + ")")
} else {
- newNodes = msg;
+ newNodes = msg
}
} catch (err) {
- newNodes = msg;
+ newNodes = msg
}
if (node) {
- node.isAjaxing = null;
- node.zAsync = true;
+ node.isAjaxing = null
+ node.zAsync = true
}
- view.setNodeLineIcos(setting, node);
+ 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);
+ 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);
+ view.addNodes(setting, node, -1, [], !!isSilent)
}
- setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]);
- tools.apply(callback);
+ setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg])
+ tools.apply(callback)
},
- error: function (XMLHttpRequest, textStatus, errorThrown) {
+ error: function(XMLHttpRequest, textStatus, errorThrown) {
if (_tmpV != data.getRoot(setting)._ver) {
- return;
+ return
}
- if (node) node.isAjaxing = null;
- view.setNodeLineIcos(setting, node);
- setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]);
+ if (node) node.isAjaxing = null
+ view.setNodeLineIcos(setting, node)
+ setting.treeObj.trigger(consts.event.ASYNC_ERROR, [
+ setting.treeId,
+ node,
+ XMLHttpRequest,
+ textStatus,
+ errorThrown
+ ])
}
- });
- return true;
+ })
+ return true
},
- cancelPreSelectedNode: function (setting, node, excludeNode) {
+ cancelPreSelectedNode: function(setting, node, excludeNode) {
var list = data.getRoot(setting).curSelectedList,
- i, n;
+ i,
+ n
for (i = list.length - 1; i >= 0; i--) {
- n = list[i];
+ n = list[i]
if (node === n || (!node && (!excludeNode || excludeNode !== n))) {
- $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED);
+ $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED)
if (node) {
- data.removeSelectedNode(setting, node);
- break;
+ data.removeSelectedNode(setting, node)
+ break
} else {
- list.splice(i, 1);
- setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, n]);
+ list.splice(i, 1)
+ setting.treeObj.trigger(consts.event.UNSELECTED, [setting.treeId, n])
}
}
}
},
- createNodeCallback: function (setting) {
+ createNodeCallback: function(setting) {
if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
- var root = data.getRoot(setting);
+ var root = data.getRoot(setting)
while (root.createdNodes.length > 0) {
- var node = root.createdNodes.shift();
- tools.apply(setting.view.addDiyDom, [setting.treeId, node]);
+ 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]);
+ setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node])
}
}
}
},
- createNodes: function (setting, level, nodes, parentNode, index) {
- if (!nodes || nodes.length == 0) return;
+ 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 = [];
+ 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;
+ parentObj,
+ nextObj
if (!parentNode) {
- parentObj = setting.treeObj;
+ parentObj = setting.treeObj
//setting.treeObj.append(zTreeHtml.join(''));
} else {
- var ulObj = $$(parentNode, consts.id.UL, setting);
+ var ulObj = $$(parentNode, consts.id.UL, setting)
if (ulObj.get(0)) {
- parentObj = ulObj;
+ parentObj = ulObj
//ulObj.append(zTreeHtml.join(''));
}
}
if (parentObj) {
if (index >= 0) {
- nextObj = parentObj.children()[index];
+ nextObj = parentObj.children()[index]
}
if (index >= 0 && nextObj) {
- $(nextObj).before(zTreeHtml.join(''));
+ $(nextObj).before(zTreeHtml.join(""))
} else {
- parentObj.append(zTreeHtml.join(''));
+ parentObj.append(zTreeHtml.join(""))
}
}
- view.createNodeCallback(setting);
+ 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];
+ 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;
+ expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) {
+ var root = data.getRoot(setting)
+ var tmpCb, _callback
if (!node) {
- tools.apply(callback, []);
- return;
+ tools.apply(callback, [])
+ return
}
- var children = data.nodeChildren(setting, node);
- var isParent = data.nodeIsParent(setting, node);
+ var children = data.nodeChildren(setting, node)
+ var isParent = data.nodeIsParent(setting, node)
if (root.expandTriggerFlag) {
- _callback = callback;
- tmpCb = function () {
- if (_callback) _callback();
+ _callback = callback
+ tmpCb = function() {
+ if (_callback) _callback()
if (node.open) {
- setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]);
+ setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node])
} else {
- setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]);
+ setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node])
}
- };
- callback = tmpCb;
- root.expandTriggerFlag = false;
+ }
+ 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 &&
+ 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;
+ tools.apply(callback, [])
+ return
}
var ulObj = $$(node, consts.id.UL, setting),
switchObj = $$(node, consts.id.SWITCH, setting),
- icoObj = $$(node, consts.id.ICON, setting);
+ icoObj = $$(node, consts.id.ICON, setting)
if (isParent) {
- node.open = !node.open;
+ node.open = !node.open
if (node.iconOpen && node.iconClose) {
- icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
+ icoObj.attr("style", view.makeNodeIcoStyle(setting, node))
}
if (node.open) {
- view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
- view.replaceIcoClass(node, icoObj, consts.folder.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, []);
+ ulObj.show()
+ tools.apply(callback, [])
} else {
if (children && children.length > 0) {
- ulObj.slideDown(setting.view.expandSpeed, callback);
+ ulObj.slideDown(setting.view.expandSpeed, callback)
} else {
- ulObj.show();
- tools.apply(callback, []);
+ ulObj.show()
+ tools.apply(callback, [])
}
}
} else {
- view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
- view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
+ 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, []);
+ ulObj.hide()
+ tools.apply(callback, [])
} else {
- ulObj.slideUp(setting.view.expandSpeed, callback);
+ ulObj.slideUp(setting.view.expandSpeed, callback)
}
}
} else {
- tools.apply(callback, []);
+ tools.apply(callback, [])
}
},
- expandCollapseParentNode: function (setting, node, expandFlag, animateFlag, callback) {
- if (!node) return;
+ expandCollapseParentNode: function(setting, node, expandFlag, animateFlag, callback) {
+ if (!node) return
if (!node.parentTId) {
- view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback);
- return;
+ view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback)
+ return
} else {
- view.expandCollapseNode(setting, node, expandFlag, animateFlag);
+ view.expandCollapseNode(setting, node, expandFlag, animateFlag)
}
if (node.parentTId) {
- view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback);
+ view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback)
}
},
- expandCollapseSonNode: function (setting, node, 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;
+ 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);
+ if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign)
}
}
- data.getRoot(setting).expandTriggerFlag = expandTriggerFlag;
- view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback);
+ data.getRoot(setting).expandTriggerFlag = expandTriggerFlag
+ view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback)
},
- isSelectedNode: function (setting, node) {
+ isSelectedNode: function(setting, node) {
if (!node) {
- return false;
+ return false
}
var list = data.getRoot(setting).curSelectedList,
- i;
+ i
for (i = list.length - 1; i >= 0; i--) {
if (node === list[i]) {
- return true;
+ return true
}
}
- return false;
+ return false
},
- makeDOMNodeIcon: function (html, setting, node) {
+ makeDOMNodeIcon: function(html, setting, node) {
var nameStr = data.nodeName(setting, node),
- name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
- html.push("<span id='", node.tId, consts.id.ICON,
- "' title='' treeNode", consts.id.ICON, " class='", view.makeNodeIcoClass(setting, node),
- "' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN,
- "' class='", view.makeNodeNameClass(node),
- "'>", name, "</span>");
+ name = setting.view.nameIsHTML
+ ? nameStr
+ : nameStr
+ .replace(/&/g, "&")
+ .replace(/</g, "<")
+ .replace(/>/g, ">")
+ html.push(
+ "<span id='",
+ node.tId,
+ consts.id.ICON,
+ "' title='' treeNode",
+ consts.id.ICON,
+ " class='",
+ view.makeNodeIcoClass(setting, node),
+ "' style='",
+ view.makeNodeIcoStyle(setting, node),
+ "'></span><span id='",
+ node.tId,
+ consts.id.SPAN,
+ "' class='",
+ view.makeNodeNameClass(node),
+ "'>",
+ name,
+ "</span>"
+ )
},
- makeDOMNodeLine: function (html, setting, node) {
- html.push("<span id='", node.tId, consts.id.SWITCH, "' title='' class='", view.makeNodeLineClass(setting, node), "' treeNode", consts.id.SWITCH, "></span>");
+ 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>");
+ 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>");
+ 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>");
+ makeDOMNodeNameAfter: function(html, setting, node) {
+ html.push("</a>")
},
- makeDOMNodeNameBefore: function (html, setting, node) {
+ makeDOMNodeNameBefore: function(html, setting, node) {
var title = data.nodeTitle(setting, node),
url = view.makeNodeUrl(setting, node),
fontcss = view.makeNodeFontCss(setting, node),
nodeClasses = view.makeNodeClasses(setting, node),
- fontStyle = [];
+ fontStyle = []
for (var f in fontcss) {
- fontStyle.push(f, ":", fontcss[f], ";");
+ fontStyle.push(f, ":", fontcss[f], ";")
}
- html.push("<a id='", node.tId, consts.id.A, "' class='", consts.className.LEVEL, node.level,
- nodeClasses.add ? ' ' + nodeClasses.add.join(' ') : '',
- "' treeNode", consts.id.A,
- node.click ? " onclick=\"" + node.click + "\"" : "",
- ((url != null && url.length > 0) ? " href='" + url + "'" : ""), " target='", view.makeNodeTarget(node), "' style='", fontStyle.join(''),
- "'");
+ html.push(
+ "<a id='",
+ node.tId,
+ consts.id.A,
+ "' class='",
+ consts.className.LEVEL,
+ node.level,
+ nodeClasses.add ? " " + nodeClasses.add.join(" ") : "",
+ "' treeNode",
+ consts.id.A,
+ node.click ? ' onclick="' + node.click + '"' : "",
+ url != null && url.length > 0 ? " href='" + url + "'" : "",
+ " target='",
+ view.makeNodeTarget(node),
+ "' style='",
+ fontStyle.join(""),
+ "'"
+ )
if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) {
- html.push("title='", title.replace(/'/g, "'").replace(/</g, '<').replace(/>/g, '>'), "'");
+ html.push(
+ "title='",
+ title
+ .replace(/'/g, "'")
+ .replace(/</g, "<")
+ .replace(/>/g, ">"),
+ "'"
+ )
}
- html.push(">");
+ 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 : {};
+ makeNodeFontCss: function(setting, node) {
+ var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss)
+ return fontCss && typeof fontCss != "function" ? fontCss : {}
},
- makeNodeClasses: function (setting, node) {
- var classes = tools.apply(setting.view.nodeClasses, [setting.treeId, node], setting.view.nodeClasses);
- return (classes && (typeof classes !== "function")) ? classes : { add: [], remove: [] };
+ makeNodeClasses: function(setting, node) {
+ var classes = tools.apply(setting.view.nodeClasses, [setting.treeId, node], setting.view.nodeClasses)
+ return classes && typeof classes !== "function" ? classes : { add: [], remove: [] }
},
- makeNodeIcoClass: function (setting, node) {
- var icoCss = ["ico"];
+ makeNodeIcoClass: function(setting, node) {
+ var icoCss = ["ico"]
if (!node.isAjaxing) {
- var isParent = data.nodeIsParent(setting, node);
- icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0];
+ 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);
+ icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE)
} else {
// 瀹氬埗瀛愯妭鐐瑰浘鏍�
let fontClass = ""
- if (node.type === '4' && !node.isAI) {
+ if (node.type === "4" && !node.isAI) {
fontClass = "iconjiankongshexiangji"
} else if (node.isAI) {
fontClass = "iconfenxishexiangji"
+ } else if (node.type === "camera") {
+ fontClass = "iconjiankongshexiangji"
+ if (node.alive == 1) {
+ fontClass = fontClass + " running"
+ }
}
if (node.isRunning) {
@@ -1391,377 +1498,393 @@
return "iconfont " + fontClass
}
}
- return consts.className.BUTTON + " " + icoCss.join('_');
+ return consts.className.BUTTON + " " + icoCss.join("_")
},
- makeNodeNameClass: function (node) {
- let icoCss = "";
+ makeNodeNameClass: function(node) {
+ let icoCss = ""
if (node.isRunning) {
- icoCss = " running";
+ icoCss = " running"
}
- return consts.className.NAME + icoCss;
+ return consts.className.NAME + icoCss
},
- makeNodeIcoStyle: function (setting, node) {
- var icoStyle = [];
+ 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;");
+ var isParent = data.nodeIsParent(setting, node)
+ var icon =
+ isParent && node.iconOpen && node.iconClose
+ ? node.open
+ ? node.iconOpen
+ : node.iconClose
+ : node[setting.data.key.icon]
+ if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;")
if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) {
- icoStyle.push("display:none;");
+ icoStyle.push("display:none;")
}
}
- return icoStyle.join('');
+ return icoStyle.join("")
},
- makeNodeLineClass: function (setting, node) {
- var lineClass = [];
+ makeNodeLineClass: function(setting, node) {
+ var lineClass = []
if (setting.view.showLine) {
if (node.level == 0 && node.isFirstNode && node.isLastNode) {
- lineClass.push(consts.line.ROOT);
+ lineClass.push(consts.line.ROOT)
} else if (node.level == 0 && node.isFirstNode) {
- lineClass.push(consts.line.ROOTS);
+ lineClass.push(consts.line.ROOTS)
} else if (node.isLastNode) {
- lineClass.push(consts.line.BOTTOM);
+ lineClass.push(consts.line.BOTTOM)
} else {
- lineClass.push(consts.line.CENTER);
+ lineClass.push(consts.line.CENTER)
}
} else {
- lineClass.push(consts.line.NOLINE);
+ lineClass.push(consts.line.NOLINE)
}
if (data.nodeIsParent(setting, node)) {
- lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
+ lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE)
} else {
- lineClass.push(consts.folder.DOCU);
+ lineClass.push(consts.folder.DOCU)
}
- return view.makeNodeLineClassEx(node) + lineClass.join('_');
+ return view.makeNodeLineClassEx(node) + lineClass.join("_")
},
- makeNodeLineClassEx: function (node) {
- return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " ";
+ makeNodeLineClassEx: function(node) {
+ return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " "
},
- makeNodeTarget: function (node) {
- return (node.target || "_blank");
+ makeNodeTarget: function(node) {
+ return node.target || "_blank"
},
- makeNodeUrl: function (setting, node) {
- var urlKey = setting.data.key.url;
- return node[urlKey] ? node[urlKey] : null;
+ 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>");
+ 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 : "");
+ 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;
+ 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.removeNodeCache(setting, nodes[i])
}
- data.removeSelectedNode(setting);
- delete node[setting.data.key.children];
+ data.removeSelectedNode(setting)
+ delete node[setting.data.key.children]
if (!setting.data.keep.parent) {
- data.nodeIsParent(setting, node, false);
- node.open = false;
+ 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();
+ 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();
+ $$(node, consts.id.UL, setting).empty()
}
},
- scrollIntoView: function (setting, dom) {
+ scrollIntoView: function(setting, dom) {
if (!dom) {
- return;
+ return
}
// support IE 7 / 8
- if (typeof Element === 'undefined' || typeof HTMLElement === 'undefined') {
+ if (typeof Element === "undefined" || typeof HTMLElement === "undefined") {
var contRect = setting.treeObj.get(0).getBoundingClientRect(),
- findMeRect = dom.getBoundingClientRect();
- if (findMeRect.top < contRect.top || findMeRect.bottom > contRect.bottom
- || findMeRect.right > contRect.right || findMeRect.left < contRect.left) {
- dom.scrollIntoView();
+ findMeRect = dom.getBoundingClientRect()
+ if (
+ findMeRect.top < contRect.top ||
+ findMeRect.bottom > contRect.bottom ||
+ findMeRect.right > contRect.right ||
+ findMeRect.left < contRect.left
+ ) {
+ dom.scrollIntoView()
}
- return;
+ return
}
// CC-BY jocki84@googlemail.com, https://gist.github.com/jocki84/6ffafd003387179a988e
if (!Element.prototype.scrollIntoViewIfNeeded) {
- Element.prototype.scrollIntoViewIfNeeded = function (centerIfNeeded) {
- "use strict";
+ Element.prototype.scrollIntoViewIfNeeded = function(centerIfNeeded) {
+ "use strict"
function makeRange(start, length) {
- return { "start": start, "length": length, "end": start + length };
+ return { start: start, length: length, end: start + length }
}
function coverRange(inner, outer) {
- if (
- false === centerIfNeeded ||
- (outer.start < inner.end && inner.start < outer.end)
- ) {
- return Math.max(
- inner.end - outer.length,
- Math.min(outer.start, inner.start)
- );
+ if (false === centerIfNeeded || (outer.start < inner.end && inner.start < outer.end)) {
+ return Math.max(inner.end - outer.length, Math.min(outer.start, inner.start))
}
- return (inner.start + inner.end - outer.length) / 2;
+ 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);
+ 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;
+ pt = pt.translate(elem.offsetLeft, elem.offsetTop)
+ elem = elem.offsetParent
}
- return pt;
+ return pt
}
var target = absolute(this, makePoint(0, 0)),
extent = makePoint(this.offsetWidth, this.offsetHeight),
elem = this.parentNode,
- origin;
+ origin
while (elem instanceof HTMLElement) {
// Apply desired scroll amount.
- origin = absolute(elem, makePoint(elem.clientLeft, elem.clientTop));
+ 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;
+ 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);
+ 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
- var tmp_ulObj, tmp_switchObj, tmp_icoObj,
- childLength = children.length;
+ 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");
-
+ 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);
+ 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);
+ 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);
+ 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);
+ view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM)
}
- tmp_ulObj.removeClass(consts.line.LINE);
+ 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("_");
+ 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;
+ tmpList[tmpList.length - 1] = newName
+ break
}
- obj.attr("class", tmpList.join("_"));
+ 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("_");
+ 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;
+ tmpList[0] = view.makeNodeLineClassEx(node) + newName
+ break
case consts.folder.OPEN:
case consts.folder.CLOSE:
case consts.folder.DOCU:
- tmpList[1] = newName;
- break;
+ tmpList[1] = newName
+ break
}
- obj.attr("class", tmpList.join("_"));
+ obj.attr("class", tmpList.join("_"))
if (newName !== consts.folder.DOCU) {
- obj.removeAttr("disabled");
+ obj.removeAttr("disabled")
} else {
- obj.attr("disabled", "disabled");
+ obj.attr("disabled", "disabled")
}
},
- selectNode: function (setting, node, addFlag) {
+ selectNode: function(setting, node, addFlag) {
// debugger
if (!addFlag) {
- view.cancelPreSelectedNode(setting, null, node);
+ 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]);
+ $$(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) {
+ setNodeFontCss: function(setting, treeNode) {
var aObj = $$(treeNode, consts.id.A, setting),
- fontCss = view.makeNodeFontCss(setting, treeNode);
+ fontCss = view.makeNodeFontCss(setting, treeNode)
if (fontCss) {
- aObj.css(fontCss);
+ aObj.css(fontCss)
}
},
- setNodeClasses: function (setting, treeNode) {
+ setNodeClasses: function(setting, treeNode) {
var aObj = $$(treeNode, consts.id.A, setting),
- classes = view.makeNodeClasses(setting, treeNode);
- if ('add' in classes && classes.add.length) {
- aObj.addClass(classes.add.join(' '));
+ classes = view.makeNodeClasses(setting, treeNode)
+ if ("add" in classes && classes.add.length) {
+ aObj.addClass(classes.add.join(" "))
}
- if ('remove' in classes && classes.remove.length) {
- aObj.removeClass(classes.remove.join(' '));
+ if ("remove" in classes && classes.remove.length) {
+ aObj.removeClass(classes.remove.join(" "))
}
},
- setNodeLineIcos: function (setting, node) {
- if (!node) return;
+ 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);
+ ulLine = view.makeUlLineClass(setting, node)
if (ulLine.length == 0) {
- ulObj.removeClass(consts.line.LINE);
+ ulObj.removeClass(consts.line.LINE)
} else {
- ulObj.addClass(ulLine);
+ ulObj.addClass(ulLine)
}
- switchObj.attr("class", view.makeNodeLineClass(setting, node));
+ switchObj.attr("class", view.makeNodeLineClass(setting, node))
if (data.nodeIsParent(setting, node)) {
- switchObj.removeAttr("disabled");
+ switchObj.removeAttr("disabled")
} else {
- switchObj.attr("disabled", "disabled");
+ switchObj.attr("disabled", "disabled")
}
- icoObj.removeAttr("style");
- icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
- icoObj.attr("class", view.makeNodeIcoClass(setting, node));
+ icoObj.removeAttr("style")
+ icoObj.attr("style", view.makeNodeIcoStyle(setting, node))
+ icoObj.attr("class", view.makeNodeIcoClass(setting, node))
// icoObj.attr("class", view.makeNodeNameClass(setting, node));
},
- setNodeName: function (setting, node) {
+ setNodeName: function(setting, node) {
var title = data.nodeTitle(setting, node),
- nObj = $$(node, consts.id.SPAN, setting);
- nObj.empty();
+ nObj = $$(node, consts.id.SPAN, setting)
+ nObj.empty()
if (setting.view.nameIsHTML) {
- nObj.html(data.nodeName(setting, node));
+ nObj.html(data.nodeName(setting, node))
} else {
- nObj.text(data.nodeName(setting, node));
+ 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);
+ 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));
+ setNodeTarget: function(setting, node) {
+ var aObj = $$(node, consts.id.A, setting)
+ aObj.attr("target", view.makeNodeTarget(node))
},
- setNodeUrl: function (setting, node) {
+ setNodeUrl: function(setting, node) {
var aObj = $$(node, consts.id.A, setting),
- url = view.makeNodeUrl(setting, node);
+ url = view.makeNodeUrl(setting, node)
if (url == null || url.length == 0) {
- aObj.removeAttr("href");
+ aObj.removeAttr("href")
} else {
- aObj.attr("href", url);
+ aObj.attr("href", url)
}
},
- switchNode: function (setting, node) {
+ switchNode: function(setting, node) {
if (node.open || !tools.canAsync(setting, node)) {
- view.expandCollapseNode(setting, node, !node.open);
+ view.expandCollapseNode(setting, node, !node.open)
} else if (setting.async.enable) {
if (!view.asyncNode(setting, node)) {
- view.expandCollapseNode(setting, node, !node.open);
- return;
+ view.expandCollapseNode(setting, node, !node.open)
+ return
}
} else if (node) {
- view.expandCollapseNode(setting, node, !node.open);
+ view.expandCollapseNode(setting, node, !node.open)
}
}
- };
+ }
// zTree defind
$.fn.zTree = {
consts: _consts,
@@ -1771,281 +1894,311 @@
event: event,
data: data
},
- getZTreeObj: function (treeId) {
- var o = data.getZTreeTools(treeId);
- return o ? o : null;
+ getZTreeObj: function(treeId) {
+ var o = data.getZTreeTools(treeId)
+ return o ? o : null
},
- destroy: function (treeId) {
+ destroy: function(treeId) {
if (!!treeId && treeId.length > 0) {
- view.destroy(data.getSetting(treeId));
+ view.destroy(data.getSetting(treeId))
} else {
for (var s in settings) {
- view.destroy(settings[s]);
+ 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;
+ 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 = "";
+ setting.view.expandSpeed = ""
}
- data.initRoot(setting);
- var root = data.getRoot(setting);
- zNodes = zNodes ? tools.clone(tools.isArray(zNodes) ? zNodes : [zNodes]) : [];
+ 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));
+ data.nodeChildren(setting, root, data.transformTozTreeFormat(setting, zNodes))
} else {
- data.nodeChildren(setting, root, zNodes);
+ data.nodeChildren(setting, root, zNodes)
}
- data.initCache(setting);
- event.unbindTree(setting);
- event.bindTree(setting);
- event.unbindEvent(setting);
- event.bindEvent(setting);
+ 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;
+ 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);
+ var i = parseInt(index, 10)
if (isNaN(i)) {
- isSilent = !!newNodes;
- newNodes = index;
- index = -1;
+ isSilent = !!newNodes
+ newNodes = index
+ index = -1
} else {
- index = i;
+ index = i
}
- if (!newNodes) return null;
+ if (!newNodes) return null
-
- var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes]);
+ var xNewNodes = tools.clone(tools.isArray(newNodes) ? newNodes : [newNodes])
function addCallback() {
- view.addNodes(setting, parentNode, index, xNewNodes, (isSilent == true));
+ view.addNodes(setting, parentNode, index, xNewNodes, isSilent == true)
}
if (tools.canAsync(setting, parentNode)) {
- view.asyncNode(setting, parentNode, isSilent, addCallback);
+ view.asyncNode(setting, parentNode, isSilent, addCallback)
} else {
- addCallback();
+ addCallback()
}
- return xNewNodes;
+ return xNewNodes
},
- cancelSelectedNode: function (node) {
- view.cancelPreSelectedNode(setting, node);
+ cancelSelectedNode: function(node) {
+ view.cancelPreSelectedNode(setting, node)
},
- destroy: function () {
- view.destroy(setting);
+ destroy: function() {
+ view.destroy(setting)
},
- expandAll: function (expandFlag) {
- expandFlag = !!expandFlag;
- view.expandCollapseSonNode(setting, null, expandFlag, true);
- return expandFlag;
+ 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;
+ expandNode: function(node, expandFlag, sonSign, focus, callbackFlag) {
+ if (!node || !data.nodeIsParent(setting, node)) return null
if (expandFlag !== true && expandFlag !== false) {
- expandFlag = !node.open;
+ expandFlag = !node.open
}
- callbackFlag = !!callbackFlag;
+ 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 (
+ 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);
+ view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false)
}
if (expandFlag === node.open && !sonSign) {
- return null;
+ return null
}
- data.getRoot(setting).expandTriggerFlag = callbackFlag;
+ data.getRoot(setting).expandTriggerFlag = callbackFlag
if (!tools.canAsync(setting, node) && sonSign) {
- view.expandCollapseSonNode(setting, node, expandFlag, true, showNodeFocus);
+ view.expandCollapseSonNode(setting, node, expandFlag, true, showNodeFocus)
} else {
- node.open = !expandFlag;
- view.switchNode(this.setting, node);
- showNodeFocus();
+ node.open = !expandFlag
+ view.switchNode(this.setting, node)
+ showNodeFocus()
}
- return expandFlag;
+ return expandFlag
function showNodeFocus() {
- var a = $$(node, setting).get(0);
+ var a = $$(node, setting).get(0)
if (a && focus !== false) {
- view.scrollIntoView(setting, a);
+ view.scrollIntoView(setting, a)
}
}
},
- getNodes: function () {
- return data.getNodes(setting);
+ 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);
+ 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);
+ 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);
+ 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);
+ 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);
+ 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);
+ 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;
+ if (children[i] == node) return i
}
- return -1;
+ return -1
},
- getSelectedNodes: function () {
- var r = [], list = data.getRoot(setting).curSelectedList;
+ getSelectedNodes: function() {
+ var r = [],
+ list = data.getRoot(setting).curSelectedList
for (var i = 0, l = list.length; i < l; i++) {
- r.push(list[i]);
+ r.push(list[i])
}
- return r;
+ return r
},
- isSelectedNode: function (node) {
- return data.isSelectedNode(setting, node);
+ isSelectedNode: function(node) {
+ return data.isSelectedNode(setting, node)
},
- reAsyncChildNodesPromise: function (parentNode, reloadType, isSilent) {
- var promise = new Promise(function (resolve, reject) {
+ reAsyncChildNodesPromise: function(parentNode, reloadType, isSilent) {
+ var promise = new Promise(function(resolve, reject) {
try {
- zTreeTools.reAsyncChildNodes(parentNode, reloadType, isSilent, function () {
- resolve(parentNode);
- });
+ zTreeTools.reAsyncChildNodes(parentNode, reloadType, isSilent, function() {
+ resolve(parentNode)
+ })
} catch (e) {
- reject(e);
+ reject(e)
}
- });
- return promise;
+ })
+ return promise
},
- reAsyncChildNodes: function (parentNode, reloadType, isSilent, callback) {
- if (!this.setting.async.enable) return;
- var isRoot = !parentNode;
+ reAsyncChildNodes: function(parentNode, reloadType, isSilent, callback) {
+ if (!this.setting.async.enable) return
+ var isRoot = !parentNode
if (isRoot) {
- parentNode = data.getRoot(setting);
+ parentNode = data.getRoot(setting)
}
if (reloadType == "refresh") {
- var children = data.nodeChildren(setting, parentNode);
+ var children = data.nodeChildren(setting, parentNode)
for (var i = 0, l = children ? children.length : 0; i < l; i++) {
- data.removeNodeCache(setting, children[i]);
+ data.removeNodeCache(setting, children[i])
}
- data.removeSelectedNode(setting);
- data.nodeChildren(setting, parentNode, []);
+ data.removeSelectedNode(setting)
+ data.nodeChildren(setting, parentNode, [])
if (isRoot) {
- this.setting.treeObj.empty();
+ this.setting.treeObj.empty()
} else {
- var ulObj = $$(parentNode, consts.id.UL, setting);
- ulObj.empty();
+ var ulObj = $$(parentNode, consts.id.UL, setting)
+ ulObj.empty()
}
}
- view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent, callback);
+ view.asyncNode(this.setting, isRoot ? null : parentNode, !!isSilent, callback)
},
- refresh: function () {
- this.setting.treeObj.empty();
+ 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);
+ nodes = data.nodeChildren(setting, root)
+ data.initRoot(setting)
+ data.nodeChildren(setting, root, nodes)
+ data.initCache(setting)
+ view.createNodes(setting, 0, data.nodeChildren(setting, root), null, -1)
},
- removeChildNodes: function (node) {
- if (!node) return null;
- var nodes = data.nodeChildren(setting, node);
- view.removeChildNodes(setting, node);
- return nodes ? nodes : null;
+ removeChildNodes: function(node) {
+ if (!node) return null
+ var nodes = data.nodeChildren(setting, node)
+ view.removeChildNodes(setting, node)
+ return nodes ? nodes : null
},
- removeNode: function (node, callbackFlag) {
- if (!node) return;
- callbackFlag = !!callbackFlag;
- if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return;
- view.removeNode(setting, node);
+ 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]);
+ this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node])
}
},
- selectNode: function (node, addFlag, isSilent) {
- if (!node) return;
+ selectNode: function(node, addFlag, isSilent) {
+ if (!node) return
if (tools.uCanDo(setting)) {
- addFlag = setting.view.selectedMulti && addFlag;
+ addFlag = setting.view.selectedMulti && addFlag
if (node.parentTId) {
- view.expandCollapseParentNode(setting, node.getParentNode(), true, false, showNodeFocus);
+ view.expandCollapseParentNode(setting, node.getParentNode(), true, false, showNodeFocus)
} else if (!isSilent) {
try {
- $$(node, setting).focus().blur();
- } catch (e) {
- }
+ $$(node, setting)
+ .focus()
+ .blur()
+ } catch (e) {}
}
- view.selectNode(setting, node, addFlag);
+ view.selectNode(setting, node, addFlag)
}
function showNodeFocus() {
if (isSilent) {
- return;
+ return
}
- var a = $$(node, setting).get(0);
- view.scrollIntoView(setting, a);
+ var a = $$(node, setting).get(0)
+ view.scrollIntoView(setting, a)
}
},
- transformTozTreeNodes: function (simpleNodes) {
- return data.transformTozTreeFormat(setting, simpleNodes);
+ transformTozTreeNodes: function(simpleNodes) {
+ return data.transformTozTreeFormat(setting, simpleNodes)
},
- transformToArray: function (nodes) {
- return data.transformToArrayFormat(setting, nodes);
+ transformToArray: function(nodes) {
+ return data.transformToArrayFormat(setting, nodes)
},
- updateNode: function (node, checkTypeFlag) {
- if (!node) return;
- var nObj = $$(node, setting);
+ updateNode: function(node, checkTypeFlag) {
+ if (!node) return
+ var nObj = $$(node, setting)
if (nObj.get(0) && tools.uCanDo(setting)) {
- view.setNodeName(setting, node);
- view.setNodeTarget(setting, node);
- view.setNodeUrl(setting, node);
- view.setNodeLineIcos(setting, node);
- view.setNodeFontCss(setting, node);
- view.setNodeClasses(setting, node);
+ view.setNodeName(setting, node)
+ view.setNodeTarget(setting, node)
+ view.setNodeUrl(setting, node)
+ view.setNodeLineIcos(setting, node)
+ view.setNodeFontCss(setting, node)
+ view.setNodeClasses(setting, node)
}
}
- };
- root.treeTools = zTreeTools;
- data.setZTreeTools(setting, zTreeTools);
- var children = data.nodeChildren(setting, root);
- if (children && children.length > 0) {
- view.createNodes(setting, 0, children, null, -1);
- } else if (setting.async.enable && setting.async.url && setting.async.url !== '') {
- view.asyncNode(setting);
}
- return zTreeTools;
+ 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);
+ consts = zt.consts
+})(jQuery)
/*
* JQuery zTree excheck
* v3.5.46
@@ -2058,32 +2211,31 @@
*
* Date: 2020-11-21
*/
-
-(function ($) {
+;(function($) {
//default consts of excheck
var _consts = {
- event: {
- CHECK: "ztree_check"
+ 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"
+ }
},
- 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: {
@@ -2094,8 +2246,8 @@
chkDisabledInherit: false,
radioType: _consts.radio.TYPE_LEVEL,
chkboxType: {
- "Y": "ps",
- "N": "ps"
+ Y: "ps",
+ N: "ps"
}
},
data: {
@@ -2109,63 +2261,77 @@
}
},
//default root of excheck
- _initRoot = function (setting) {
- var r = data.getRoot(setting);
- r.radioCheckedList = [];
+ _initRoot = function(setting) {
+ var r = data.getRoot(setting)
+ r.radioCheckedList = []
},
//default cache of excheck
- _initCache = function (treeId) {
- },
+ _initCache = function(treeId) {},
//default bind event of excheck
- _bindEvent = function (setting) {
+ _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]);
- });
+ 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) {
+ _unbindEvent = function(setting) {
var o = setting.treeObj,
- c = consts.event;
- o.unbind(c.CHECK);
+ c = consts.event
+ o.unbind(c.CHECK)
},
//default event proxy of excheck
- _eventProxy = function (e) {
+ _eventProxy = function(e) {
var target = e.target,
setting = data.getSetting(e.data.treeId),
- tId = "", node = null,
- nodeEventType = "", treeEventType = "",
- nodeEventCallback = null, treeEventCallback = null;
+ 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";
+ 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";
+ 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 (
+ 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);
+ node = data.getNodeCache(setting, tId)
switch (nodeEventType) {
case "checkNode":
- nodeEventCallback = _handler.onCheckNode;
- break;
+ nodeEventCallback = _handler.onCheckNode
+ break
case "mouseoverCheck":
- nodeEventCallback = _handler.onMouseoverCheck;
- break;
+ nodeEventCallback = _handler.onMouseoverCheck
+ break
case "mouseoutCheck":
- nodeEventCallback = _handler.onMouseoutCheck;
- break;
+ nodeEventCallback = _handler.onMouseoutCheck
+ break
}
}
var proxyResult = {
@@ -2175,464 +2341,494 @@
nodeEventCallback: nodeEventCallback,
treeEventType: treeEventType,
treeEventCallback: treeEventCallback
- };
+ }
return proxyResult
},
//default init node of excheck
- _initNode = function (setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
- if (!n) return;
- var checked = data.nodeChecked(setting, n);
- n.checkedOld = checked;
- if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
- n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
- if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
- n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
- if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
- n.halfCheck = !!n.halfCheck;
- n.check_Child_State = -1;
- n.check_Focus = false;
- n.getCheckStatus = function () {
- return data.getCheckStatus(setting, n);
- };
+ _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+ if (!n) return
+ var checked = data.nodeChecked(setting, n)
+ n.checkedOld = checked
+ if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true")
+ n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck)
+ if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true")
+ n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled)
+ if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true")
+ n.halfCheck = !!n.halfCheck
+ n.check_Child_State = -1
+ n.check_Focus = false
+ n.getCheckStatus = function() {
+ return data.getCheckStatus(setting, n)
+ }
if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && checked) {
- var r = data.getRoot(setting);
- r.radioCheckedList.push(n);
+ var r = data.getRoot(setting)
+ r.radioCheckedList.push(n)
}
},
//add dom for check
- _beforeA = function (setting, node, html) {
+ _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>");
+ 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;
+ _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;
+ checked = !nodeChecked
}
- callbackFlag = !!callbackFlag;
+ callbackFlag = !!callbackFlag
if (nodeChecked === checked && !checkTypeFlag) {
- return;
- } else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
- return;
+ 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);
+ 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]);
+ this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node])
}
}
}
- zTreeTools.checkAllNodes = function (checked) {
- view.repairAllChk(this.setting, !!checked);
+ zTreeTools.checkAllNodes = function(checked) {
+ view.repairAllChk(this.setting, !!checked)
}
- zTreeTools.getCheckedNodes = function (checked) {
- checked = (checked !== false);
- var children = data.nodeChildren(setting, data.getRoot(this.setting));
- return data.getTreeCheckedNodes(this.setting, children, checked);
+ zTreeTools.getCheckedNodes = function(checked) {
+ checked = checked !== false
+ var children = data.nodeChildren(setting, data.getRoot(this.setting))
+ return data.getTreeCheckedNodes(this.setting, children, checked)
}
- zTreeTools.getChangeCheckedNodes = function () {
- var children = data.nodeChildren(setting, data.getRoot(this.setting));
- return data.getTreeChangeCheckedNodes(this.setting, children);
+ zTreeTools.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);
+ 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);
+ 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);
+ 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;
+ 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--;
+ checkedList.splice(i, 1)
+ i--
+ j--
}
}
- return checkedList;
+ return checkedList
},
- getCheckStatus: function (setting, node) {
- if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+ 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;
+ 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;
+ 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);
+ 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);
+ results.push(node)
if (onlyOne) {
- break;
+ break
}
}
- data.getTreeCheckedNodes(setting, children, checked, results);
+ data.getTreeCheckedNodes(setting, children, checked, results)
if (onlyOne && results.length > 0) {
- break;
+ break
}
}
- return results;
+ return results
},
- getTreeChangeCheckedNodes: function (setting, nodes, results) {
- if (!nodes) return [];
- results = !results ? [] : 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);
+ 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);
+ results.push(node)
}
- data.getTreeChangeCheckedNodes(setting, children, results);
+ data.getTreeChangeCheckedNodes(setting, children, results)
}
- return results;
+ return results
},
- makeChkFlag: function (setting, node) {
- if (!node) return;
- var chkFlag = -1;
- var children = data.nodeChildren(setting, node);
+ 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;
+ 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;
+ tmp = cNode.check_Child_State
} else if (cNode.halfCheck === true) {
- tmp = 2;
+ tmp = 2
} else if (nodeChecked) {
- tmp = 2;
+ tmp = 2
} else {
- tmp = cNode.check_Child_State > 0 ? 2 : 0;
+ tmp = cNode.check_Child_State > 0 ? 2 : 0
}
if (tmp == 2) {
- chkFlag = 2;
- break;
+ chkFlag = 2
+ break
} else if (tmp == 0) {
- chkFlag = 0;
+ chkFlag = 0
}
} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
if (cNode.nocheck === true || cNode.chkDisabled === true) {
- tmp = cNode.check_Child_State;
+ tmp = cNode.check_Child_State
} else if (cNode.halfCheck === true) {
- tmp = 1;
+ tmp = 1
} else if (nodeChecked) {
- tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+ tmp = cNode.check_Child_State === -1 || cNode.check_Child_State === 2 ? 2 : 1
} else {
- tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+ tmp = cNode.check_Child_State > 0 ? 1 : 0
}
if (tmp === 1) {
- chkFlag = 1;
- break;
+ chkFlag = 1
+ break
} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
- chkFlag = 1;
- break;
+ chkFlag = 1
+ break
} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
- chkFlag = 1;
- break;
+ chkFlag = 1
+ break
} else if (tmp > -1) {
- chkFlag = tmp;
+ chkFlag = tmp
}
}
}
}
- node.check_Child_State = chkFlag;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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);
+ 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);
+ 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);
+ pNode = checkedList[i]
+ var pNodeChecked = data.nodeChecked(setting, pNode)
if (pNodeChecked && pNode != node) {
- data.nodeChecked(setting, pNode, false);
- checkedList.splice(i, 1);
+ data.nodeChecked(setting, pNode, false)
+ checkedList.splice(i, 1)
- view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+ view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode)
if (pNode.parentTId != node.parentTId) {
- view.repairParentChkClassWithSelf(setting, pNode);
+ view.repairParentChkClassWithSelf(setting, pNode)
}
}
}
- checkedList.push(node);
+ checkedList.push(node)
} else {
- var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
- var children = data.nodeChildren(setting, parentNode);
+ 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);
+ 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);
+ 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;
+ checkedList.splice(i, 1)
+ break
}
}
}
-
} else {
- var children = data.nodeChildren(setting, node);
+ var children = data.nodeChildren(setting, node)
if (nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
- view.setSonNodeCheckBox(setting, node, true);
+ view.setSonNodeCheckBox(setting, node, true)
}
if (!nodeChecked && (!children || children.length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
- view.setSonNodeCheckBox(setting, node, false);
+ view.setSonNodeCheckBox(setting, node, false)
}
if (nodeChecked && setting.check.chkboxType.Y.indexOf("p") > -1) {
- view.setParentNodeCheckBox(setting, node, true);
+ view.setParentNodeCheckBox(setting, node, true)
}
if (!nodeChecked && setting.check.chkboxType.N.indexOf("p") > -1) {
- view.setParentNodeCheckBox(setting, node, false);
+ view.setParentNodeCheckBox(setting, node, false)
}
}
},
- makeChkClass: function (setting, node) {
- var c = consts.checkbox, r = consts.radio,
- fullStyle = "";
- var nodeChecked = data.nodeChecked(setting, node);
+ 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;
+ fullStyle = c.DISABLED
} else if (node.halfCheck) {
- fullStyle = c.PART;
+ fullStyle = c.PART
} else if (setting.check.chkStyle == r.STYLE) {
- fullStyle = (node.check_Child_State < 1) ? c.FULL : c.PART;
+ 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);
+ 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;
+ 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) {
+ 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);
+ 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];
+ var node = children[i]
if (node.nocheck !== true && node.chkDisabled !== true) {
- data.nodeChecked(setting, node, checked);
+ data.nodeChecked(setting, node, checked)
}
- view.setSonNodeCheckBox(setting, node, checked);
+ view.setSonNodeCheckBox(setting, node, checked)
}
}
},
- repairChkClass: function (setting, node) {
- if (!node) return;
- data.makeChkFlag(setting, node);
+ 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);
+ 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);
+ 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);
+ repairParentChkClassWithSelf: function(setting, node) {
+ if (!node) return
+ var children = data.nodeChildren(setting, node)
if (children && children.length > 0) {
- view.repairParentChkClass(setting, children[0]);
+ view.repairParentChkClass(setting, children[0])
} else {
- view.repairParentChkClass(setting, node);
+ view.repairParentChkClass(setting, node)
}
},
- repairSonChkDisabled: function (setting, node, chkDisabled, inherit) {
- if (!node) return;
+ repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+ if (!node) return
if (node.chkDisabled != chkDisabled) {
- node.chkDisabled = chkDisabled;
+ node.chkDisabled = chkDisabled
}
- view.repairChkClass(setting, node);
- var children = data.nodeChildren(setting, node);
+ 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);
+ var sNode = children[i]
+ view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit)
}
}
},
- repairParentChkDisabled: function (setting, node, chkDisabled, inherit) {
- if (!node) return;
+ repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+ if (!node) return
if (node.chkDisabled != chkDisabled && inherit) {
- node.chkDisabled = chkDisabled;
+ node.chkDisabled = chkDisabled
}
- view.repairChkClass(setting, node);
- view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+ view.repairChkClass(setting, node)
+ view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit)
},
- setChkClass: function (setting, obj, node) {
- if (!obj) return;
+ setChkClass: function(setting, obj, node) {
+ if (!obj) return
if (node.nocheck === true) {
- obj.hide();
+ obj.hide()
} else {
- obj.show();
+ obj.show()
}
- obj.attr('class', view.makeChkClass(setting, node));
+ 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);
+ 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);
+ 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]);
+ setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node])
}
}
if (node.parentTId) {
- var pSign = true;
+ var pSign = true
if (!value) {
- var pNodes = data.nodeChildren(setting, node.getParentNode());
+ 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;
+ 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);
+ 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;
+ 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);
+ 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;
+ 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);
+ 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;
+ 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;
+ node.check_Child_State = -1
}
- view.setChkClass(setting, checkObj, node);
+ 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]);
+ 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);
+ }
+ $.extend(true, $.fn.zTree.consts, _consts)
+ $.extend(true, $.fn.zTree._z, _z)
var zt = $.fn.zTree,
tools = zt._z.tools,
@@ -2640,64 +2836,64 @@
view = zt._z.view,
data = zt._z.data,
event = zt._z.event,
- $$ = tools.$;
+ $$ = tools.$
- data.nodeChecked = function (setting, node, newChecked) {
+ data.nodeChecked = function(setting, node, newChecked) {
if (!node) {
- return false;
+ return false
}
- var key = setting.data.key.checked;
- if (typeof newChecked !== 'undefined') {
+ var key = setting.data.key.checked
+ if (typeof newChecked !== "undefined") {
if (typeof newChecked === "string") {
- newChecked = tools.eqs(newChecked, "true");
+ newChecked = tools.eqs(newChecked, "true")
}
- newChecked = !!newChecked;
- node[key] = newChecked;
+ newChecked = !!newChecked
+ node[key] = newChecked
} else if (typeof node[key] == "string") {
- node[key] = tools.eqs(node[key], "true");
+ node[key] = tools.eqs(node[key], "true")
} else {
- node[key] = !!node[key];
+ node[key] = !!node[key]
}
- return node[key];
- };
-
- data.exSetting(_setting);
- data.addInitBind(_bindEvent);
- data.addInitUnBind(_unbindEvent);
- data.addInitCache(_initCache);
- data.addInitNode(_initNode);
- data.addInitProxy(_eventProxy, true);
- data.addInitRoot(_initRoot);
- data.addBeforeA(_beforeA);
- data.addZTreeTools(_zTreeTools);
-
- var _createNodes = view.createNodes;
- view.createNodes = function (setting, level, nodes, parentNode, index) {
- if (_createNodes) _createNodes.apply(view, arguments);
- if (!nodes) return;
- view.repairParentChkClassWithSelf(setting, parentNode);
- }
- var _removeNode = view.removeNode;
- view.removeNode = function (setting, node) {
- var parentNode = node.getParentNode();
- if (_removeNode) _removeNode.apply(view, arguments);
- if (!node || !parentNode) return;
- view.repairChkClass(setting, parentNode);
- view.repairParentChkClass(setting, parentNode);
+ return node[key]
}
- var _appendNodes = view.appendNodes;
- view.appendNodes = function (setting, level, nodes, parentNode, index, initFlag, openFlag) {
- var html = "";
+ 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);
+ html = _appendNodes.apply(view, arguments)
}
if (parentNode) {
- data.makeChkFlag(setting, parentNode);
+ data.makeChkFlag(setting, parentNode)
}
- return html;
+ return html
}
-})(jQuery);
+})(jQuery)
/*
* JQuery zTree exedit
* v3.5.46
@@ -2710,32 +2906,31 @@
*
* Date: 2020-11-21
*/
-
-(function ($) {
+;(function($) {
//default consts of exedit
var _consts = {
- event: {
- DRAG: "ztree_drag",
- DROP: "ztree_drop",
- RENAME: "ztree_rename",
- DRAGMOVE: "ztree_dragmove"
+ 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"
+ }
},
- 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: {
@@ -2776,88 +2971,91 @@
}
},
//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;
+ _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) {
- },
+ _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]);
- });
+ _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.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.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]);
- });
+ 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);
+ _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) {
+ _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;
+ 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 }]);
+ tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (tmp) {
- tId = tools.getNodeMainDom(tmp).id;
- nodeEventType = "hoverOverNode";
+ 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 }]);
+ tmp = tools.getMDom(setting, relatedTarget, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (!tmp) {
- tId = "remove";
- nodeEventType = "hoverOutNode";
+ tId = "remove"
+ nodeEventType = "hoverOutNode"
}
} else if (tools.eqs(e.type, "mousedown")) {
- tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }]);
+ tmp = tools.getMDom(setting, target, [{ tagName: "a", attrName: "treeNode" + consts.id.A }])
if (tmp) {
- tId = tools.getNodeMainDom(tmp).id;
- nodeEventType = "mousedownNode";
+ tId = tools.getNodeMainDom(tmp).id
+ nodeEventType = "mousedownNode"
}
}
if (tId.length > 0) {
- node = data.getNodeCache(setting, tId);
+ node = data.getNodeCache(setting, tId)
switch (nodeEventType) {
case "mousedownNode":
- nodeEventCallback = _handler.onMousedownNode;
- break;
+ nodeEventCallback = _handler.onMousedownNode
+ break
case "hoverOverNode":
- nodeEventCallback = _handler.onHoverOverNode;
- break;
+ nodeEventCallback = _handler.onHoverOverNode
+ break
case "hoverOutNode":
- nodeEventCallback = _handler.onHoverOutNode;
- break;
+ nodeEventCallback = _handler.onHoverOutNode
+ break
}
}
var proxyResult = {
@@ -2867,90 +3065,94 @@
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;
+ _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+ if (!n) return
+ n.isHover = false
+ n.editNameFlag = false
},
//update zTreeObj, add method of edit
- _zTreeTools = function (setting, zTreeTools) {
- zTreeTools.cancelEditName = function (newName) {
- var root = data.getRoot(this.setting);
- if (!root.curEditNode) return;
- view.cancelCurEditNode(this.setting, newName ? newName : null, true);
+ _zTreeTools = function(setting, zTreeTools) {
+ zTreeTools.cancelEditName = function(newName) {
+ var root = data.getRoot(this.setting)
+ if (!root.curEditNode) return
+ view.cancelCurEditNode(this.setting, newName ? newName : null, true)
}
- zTreeTools.copyNode = function (targetNode, node, moveType, isSilent) {
- if (!node) return null;
- var isParent = data.nodeIsParent(setting, targetNode);
- if (targetNode && !isParent && this.setting.data.keep.leaf && moveType === consts.move.TYPE_INNER) return null;
+ 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);
+ newNode = tools.clone(node)
if (!targetNode) {
- targetNode = null;
- moveType = consts.move.TYPE_INNER;
+ targetNode = null
+ moveType = consts.move.TYPE_INNER
}
if (moveType == consts.move.TYPE_INNER) {
function copyCallback() {
- view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent);
+ view.addNodes(_this.setting, targetNode, -1, [newNode], isSilent)
}
if (tools.canAsync(this.setting, targetNode)) {
- view.asyncNode(this.setting, targetNode, isSilent, copyCallback);
+ view.asyncNode(this.setting, targetNode, isSilent, copyCallback)
} else {
- copyCallback();
+ copyCallback()
}
} else {
- view.addNodes(this.setting, targetNode.parentNode, -1, [newNode], isSilent);
- view.moveNode(this.setting, targetNode, newNode, moveType, false, isSilent);
+ view.addNodes(this.setting, targetNode.parentNode, -1, [newNode], isSilent)
+ view.moveNode(this.setting, targetNode, newNode, moveType, false, isSilent)
}
- return newNode;
+ 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);
+ 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);
+ 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;
+ 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;
+ targetNode = null
}
- var _this = this;
+ var _this = this
function moveCallback() {
- view.moveNode(_this.setting, targetNode, node, moveType, false, isSilent);
+ 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);
+ view.asyncNode(this.setting, targetNode, isSilent, moveCallback)
} else {
- moveCallback();
+ moveCallback()
}
- return node;
+ return node
}
- zTreeTools.setEditable = function (editable) {
- this.setting.edit.enable = editable;
- return this.refresh();
+ 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;
+ 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]);
+ if (children[i]) data.setSonNodeLevel(setting, node, children[i])
}
}
},
@@ -2958,180 +3160,213 @@
_event = {},
//method of event handler
_handler = {
- onHoverOverNode: function (event, node) {
+ onHoverOverNode: function(event, node) {
var setting = data.getSetting(event.data.treeId),
- root = data.getRoot(setting);
+ root = data.getRoot(setting)
if (root.curHoverNode != node) {
- _handler.onHoverOutNode(event);
+ _handler.onHoverOutNode(event)
}
- root.curHoverNode = node;
- view.addHoverDom(setting, node);
+ root.curHoverNode = node
+ view.addHoverDom(setting, node)
},
- onHoverOutNode: function (event, node) {
+ onHoverOutNode: function(event, node) {
var setting = data.getSetting(event.data.treeId),
- root = data.getRoot(setting);
+ root = data.getRoot(setting)
if (root.curHoverNode && !data.isSelectedNode(setting, root.curHoverNode)) {
- view.removeTreeDom(setting, root.curHoverNode);
- root.curHoverNode = null;
+ view.removeTreeDom(setting, root.curHoverNode)
+ root.curHoverNode = null
}
},
- onMousedownNode: function (eventMouseDown, _node) {
- var i, l,
+ onMousedownNode: function(eventMouseDown, _node) {
+ var i,
+ l,
setting = data.getSetting(eventMouseDown.data.treeId),
- root = data.getRoot(setting), roots = data.getRoots();
+ 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;
+ 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 = [];
+ nodes = []
if (!data.isSelectedNode(setting, _node)) {
- nodes = [_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;
+ if (
+ _nodes[i].editNameFlag &&
+ tools.eqs(target.tagName, "input") &&
+ target.getAttribute("treeNode" + consts.id.INPUT) !== null
+ ) {
+ return true
}
- nodes.push(_nodes[i]);
+ nodes.push(_nodes[i])
if (nodes[0].parentTId !== _nodes[i].parentTId) {
- nodes = [_node];
- break;
+ nodes = [_node]
+ break
}
}
}
- view.editNodeBlur = true;
- view.cancelCurEditNode(setting);
+ view.editNodeBlur = true
+ view.cancelCurEditNode(setting)
var doc = $(setting.treeObj.get(0).ownerDocument),
- body = $(setting.treeObj.get(0).ownerDocument.body), curNode, tmpArrow, tmpTarget,
+ body = $(setting.treeObj.get(0).ownerDocument.body),
+ curNode,
+ tmpArrow,
+ tmpTarget,
isOtherTree = false,
targetSetting = setting,
sourceSetting = setting,
- preNode, nextNode,
+ preNode,
+ nextNode,
preTmpTargetNodeId = null,
preTmpMoveType = null,
tmpTargetNodeId = null,
moveType = consts.move.TYPE_INNER,
mouseDownX = eventMouseDown.clientX,
mouseDownY = eventMouseDown.clientY,
- startTime = (new Date()).getTime();
+ startTime = new Date().getTime()
if (tools.uCanDo(setting)) {
- doc.bind("mousemove", _docMouseMove);
+ 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;
+ 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");
+ 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;
+ _docMouseUp(event)
+ return true
}
for (i = 0, l = nodes.length; i < l; i++) {
if (i == 0) {
- root.dragNodeShowBefore = [];
+ root.dragNodeShowBefore = []
}
- tmpNode = nodes[i];
+ tmpNode = nodes[i]
if (data.nodeIsParent(setting, tmpNode) && tmpNode.open) {
- view.expandCollapseNode(setting, tmpNode, !tmpNode.open);
- root.dragNodeShowBefore[tmpNode.tId] = true;
+ view.expandCollapseNode(setting, tmpNode, !tmpNode.open)
+ root.dragNodeShowBefore[tmpNode.tId] = true
} else {
- root.dragNodeShowBefore[tmpNode.tId] = false;
+ root.dragNodeShowBefore[tmpNode.tId] = false
}
}
- root.dragFlag = 1;
- roots.showHoverDom = false;
- tools.showIfameMask(setting, true);
+ root.dragFlag = 1
+ roots.showHoverDom = false
+ tools.showIfameMask(setting, true)
//sort
- var isOrder = true, lastIndex = -1;
+ var isOrder = true,
+ lastIndex = -1
if (nodes.length > 1) {
- var pNodes = nodes[0].parentTId ? data.nodeChildren(setting, nodes[0].getParentNode()) : data.getNodes(setting);
- tmpNodes = [];
+ 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;
+ if (isOrder && lastIndex > -1 && lastIndex + 1 !== i) {
+ isOrder = false
}
- tmpNodes.push(pNodes[i]);
- lastIndex = i;
+ tmpNodes.push(pNodes[i])
+ lastIndex = i
}
if (nodes.length === tmpNodes.length) {
- nodes = tmpNodes;
- break;
+ nodes = tmpNodes
+ break
}
}
}
if (isOrder) {
- preNode = nodes[0].getPreNode();
- nextNode = nodes[nodes.length - 1].getNextNode();
+ preNode = nodes[0].getPreNode()
+ nextNode = nodes[nodes.length - 1].getNextNode()
}
//set node in selected
- curNode = $$("<ul class='zTreeDragUL'></ul>", setting);
+ 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);
+ tmpNode = nodes[i]
+ tmpNode.editNameFlag = false
+ view.selectNode(setting, tmpNode, i > 0)
+ view.removeTreeDom(setting, tmpNode)
if (i > setting.edit.drag.maxShowNodeNum - 1) {
- continue;
+ 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);
+ 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);
+ 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);
+ 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);
+ 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]);
+ 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;
+ 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.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;
+ tmpTarget = null
+ tmpTargetNodeId = null
//judge drag & drop in multi ztree
- isOtherTree = false;
- targetSetting = setting;
- var settings = data.getSettings();
+ 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];
+ 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]
}
}
@@ -3140,285 +3375,386 @@
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);
+ 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 targetObj = event.target
+ while (
+ targetObj &&
+ targetObj.tagName &&
+ !tools.eqs(targetObj.tagName, "li") &&
+ targetObj.id != targetSetting.treeId
+ ) {
+ targetObj = targetObj.parentNode
}
- var canMove = true;
+ var canMove = true
//don't move to self or children of self
for (i = 0, l = nodes.length; i < l; i++) {
- tmpNode = nodes[i];
+ tmpNode = nodes[i]
if (targetObj.id === tmpNode.tId) {
- canMove = false;
- break;
+ canMove = false
+ break
} else if ($$(tmpNode, setting).find("#" + targetObj.id).length > 0) {
- canMove = false;
- break;
+ canMove = false
+ break
}
}
if (canMove && event.target && tools.isChildOrSelf(event.target, targetObj.id + consts.id.A)) {
- tmpTarget = $(targetObj);
- tmpTargetNodeId = targetObj.id;
+ tmpTarget = $(targetObj)
+ tmpTargetNodeId = targetObj.id
}
}
//the mouse must be in zTree
- tmpNode = nodes[0];
+ 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;
+ 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);
+ targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() - 10)
} else if (isBottom) {
- targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() + 10);
+ targetSetting.treeObj.scrollTop(targetSetting.treeObj.scrollTop() + 10)
}
if (isLeft) {
- targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() - 10);
+ targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() - 10)
} else if (isRight) {
- targetSetting.treeObj.scrollLeft(targetSetting.treeObj.scrollLeft() + 10);
+ 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);
+ 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"
- });
+ top: event.clientY + docScrollTop + 3 + "px",
+ left: event.clientX + docScrollLeft + 3 + "px"
+ })
- var dX = 0;
- var dY = 0;
+ 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),
+ 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);
+ 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;
+ tmpTarget = null
+ tmpTargetNodeId = ""
+ moveType = consts.move.TYPE_INNER
tmpArrow.css({
- "display": "none"
- });
+ display: "none"
+ })
if (window.zTreeMoveTimer) {
- clearTimeout(window.zTreeMoveTimer);
+ clearTimeout(window.zTreeMoveTimer)
window.zTreeMoveTargetNodeTId = null
}
}
if (!canPrev && !canNext && !canInner) {
- clearMove();
+ clearMove()
} else {
var tmpTargetA = $("#" + tmpTargetNodeId + consts.id.A, tmpTarget),
- tmpNextA = tmpTargetNode.isLastNode ? null : $("#" + tmpTargetNode.getNextNode().tId + consts.id.A, tmpTarget.next()),
+ 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();
+ prevPercent = canPrev ? (canInner ? 0.25 : canNext ? 0.5 : 1) : -1,
+ nextPercent = canNext ? (canInner ? 0.75 : canPrev ? 0.5 : 0) : -1,
+ dY_percent = (event.clientY + docScrollTop - tmpTop) / tmpTargetA.height()
- if ((prevPercent == 1 || dY_percent <= prevPercent && dY_percent >= -.2) && canPrev) {
- dX = 1 - tmpArrow.width();
- dY = tmpTop - tmpArrow.height() / 2;
- moveType = consts.move.TYPE_PREV;
- } else if ((nextPercent == 0 || dY_percent >= nextPercent && dY_percent <= 1.2) && canNext) {
- dX = 1 - tmpArrow.width();
- dY = (tmpNextA == null || (data.nodeIsParent(setting, tmpTargetNode) && tmpTargetNode.open)) ? (tmpTop + tmpTargetA.height() - tmpArrow.height() / 2) : (tmpNextA.offset().top - tmpArrow.height() / 2);
- moveType = consts.move.TYPE_NEXT;
+ 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;
+ dX = 5 - tmpArrow.width()
+ dY = tmpTop
+ moveType = consts.move.TYPE_INNER
} else {
- clearMove();
+ clearMove()
}
if (tmpTarget) {
tmpArrow.css({
- "display": "block",
- "top": dY + "px",
- "left": (tmpLeft + dX) + "px"
- });
- tmpTargetA.addClass(consts.node.TMPTARGET_NODE + "_" + moveType);
+ 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();
+ startTime = new Date().getTime()
}
- if (tmpTargetNode && data.nodeIsParent(setting, tmpTargetNode) && moveType == consts.move.TYPE_INNER) {
- var startTimer = true;
+ 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;
+ clearTimeout(window.zTreeMoveTimer)
+ window.zTreeMoveTargetNodeTId = null
} else if (window.zTreeMoveTimer && window.zTreeMoveTargetNodeTId === tmpTargetNode.tId) {
- startTimer = false;
+ 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);
+ 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.treeObj.trigger(consts.event.EXPAND, [targetSetting.treeId, tmpTargetNode])
}
}
- }, targetSetting.edit.drag.autoOpenTime + 50);
- window.zTreeMoveTargetNodeTId = tmpTargetNode.tId;
+ }, 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);
+ 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;
+ tmpTarget = null
}
tmpArrow.css({
- "display": "none"
- });
+ display: "none"
+ })
if (window.zTreeMoveTimer) {
- clearTimeout(window.zTreeMoveTimer);
- window.zTreeMoveTargetNodeTId = null;
+ clearTimeout(window.zTreeMoveTimer)
+ window.zTreeMoveTargetNodeTId = null
}
}
- preTmpTargetNodeId = tmpTargetNodeId;
- preTmpMoveType = moveType;
+ preTmpTargetNodeId = tmpTargetNodeId
+ preTmpMoveType = moveType
- setting.treeObj.trigger(consts.event.DRAGMOVE, [event, setting.treeId, nodes]);
+ setting.treeObj.trigger(consts.event.DRAGMOVE, [event, setting.treeId, nodes])
}
- return false;
+ return false
}
- doc.bind("mouseup", _docMouseUp);
+ doc.bind("mouseup", _docMouseUp)
function _docMouseUp(event) {
if (window.zTreeMoveTimer) {
- clearTimeout(window.zTreeMoveTimer);
- window.zTreeMoveTargetNodeTId = null;
+ 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", "");
+ 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);
+ 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);
+ tools.showIfameMask(setting, false)
- roots.showHoverDom = true;
- if (root.dragFlag == 0) return;
- root.dragFlag = 0;
+ roots.showHoverDom = true
+ if (root.dragFlag == 0) return
+ root.dragFlag = 0
- var i, l, tmpNode;
+ var i, l, tmpNode
for (i = 0, l = nodes.length; i < l; i++) {
- tmpNode = nodes[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];
+ view.expandCollapseNode(setting, tmpNode, !tmpNode.open)
+ delete root.dragNodeShowBefore[tmpNode.tId]
}
}
- if (curNode) curNode.remove();
- if (tmpArrow) tmpArrow.remove();
+ 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;
+ 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 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;
+ 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]);
+ view.removeNode(setting, nodes[i])
}
}
if (moveType == consts.move.TYPE_INNER) {
- view.addNodes(targetSetting, dragTargetNode, -1, newNodes);
+ view.addNodes(targetSetting, dragTargetNode, -1, newNodes)
} else {
- view.addNodes(targetSetting, dragTargetNode.getParentNode(), moveType == consts.move.TYPE_PREV ? dragTargetNode.getIndex() : dragTargetNode.getIndex() + 1, newNodes);
+ 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);
+ 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);
+ 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);
+ 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.moveNode(targetSetting, dragTargetNode, newNodes[l], moveType, false)
}
}
}
}
- view.selectNodes(targetSetting, newNodes);
+ view.selectNodes(targetSetting, newNodes)
- var a = $$(newNodes[0], setting).get(0);
- view.scrollIntoView(setting, a);
+ var a = $$(newNodes[0], setting).get(0)
+ view.scrollIntoView(setting, a)
- setting.treeObj.trigger(consts.event.DROP, [event, targetSetting.treeId, newNodes, dragTargetNode, moveType, isCopy]);
+ 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);
+ view.asyncNode(targetSetting, dragTargetNode, false, dropCallback)
} else {
- dropCallback();
+ dropCallback()
}
-
} else {
- view.selectNodes(sourceSetting, nodes);
- setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null]);
+ view.selectNodes(sourceSetting, nodes)
+ setting.treeObj.trigger(consts.event.DROP, [event, setting.treeId, nodes, null, null, null])
}
}
- doc.bind("selectstart", _docSelect);
+ doc.bind("selectstart", _docSelect)
function _docSelect() {
- return false;
+ return false
}
// 2018-03-30 FireFox has fixed this issue.
@@ -3427,402 +3763,454 @@
// if(eventMouseDown.preventDefault) {
// eventMouseDown.preventDefault();
// }
- return true;
+ return true
}
},
//method of tools for zTree
_tools = {
- getAbs: function (obj) {
+ 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];
+ scrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft
+ return [oRect.left + scrollLeft, oRect.top + scrollTop]
},
- inputFocus: function (inputObj) {
+ inputFocus: function(inputObj) {
if (inputObj.get(0)) {
- inputObj.focus();
- tools.setCursorPosition(inputObj.get(0), inputObj.val().length);
+ inputObj.focus()
+ tools.setCursorPosition(inputObj.get(0), inputObj.val().length)
}
},
- inputSelect: function (inputObj) {
+ inputSelect: function(inputObj) {
if (inputObj.get(0)) {
- inputObj.focus();
- inputObj.select();
+ inputObj.focus()
+ inputObj.select()
}
},
- setCursorPosition: function (obj, pos) {
+ setCursorPosition: function(obj, pos) {
if (obj.setSelectionRange) {
- obj.focus();
- obj.setSelectionRange(pos, pos);
+ 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();
+ 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);
+ showIfameMask: function(setting, showSign) {
+ var root = data.getRoot(setting)
//clear full mask
while (root.dragMaskList.length > 0) {
- root.dragMaskList[0].remove();
- root.dragMaskList.shift();
+ root.dragMaskList[0].remove()
+ root.dragMaskList.shift()
}
if (showSign) {
//show mask
- var iframeList = $$("iframe", setting);
+ 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);
+ 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) {
+ addEditBtn: function(setting, node) {
if (node.editNameFlag || $$(node, consts.id.EDIT, setting).length > 0) {
- return;
+ return
}
if (!tools.apply(setting.edit.showRenameBtn, [setting.treeId, node], setting.edit.showRenameBtn)) {
- return;
+ 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);
+ 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();
+ $$(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) {
+ addRemoveBtn: function(setting, node) {
if (node.editNameFlag || $$(node, consts.id.REMOVE, setting).length > 0) {
- return;
+ return
}
if (!tools.apply(setting.edit.showRemoveBtn, [setting.treeId, node], setting.edit.showRemoveBtn)) {
- return;
+ 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);
+ 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();
+ $$(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) {
+ addHoverDom: function(setting, node) {
if (data.getRoots().showHoverDom) {
- node.isHover = true;
+ node.isHover = true
if (setting.edit.enable) {
- view.addEditBtn(setting, node);
- view.addRemoveBtn(setting, node);
+ view.addEditBtn(setting, node)
+ view.addRemoveBtn(setting, node)
}
- tools.apply(setting.view.addHoverDom, [setting.treeId, node]);
+ tools.apply(setting.view.addHoverDom, [setting.treeId, node])
}
},
- cancelCurEditNode: function (setting, forceName, isCancel) {
+ cancelCurEditNode: function(setting, forceName, isCancel) {
var root = data.getRoot(setting),
- node = root.curEditNode;
+ node = root.curEditNode
if (node) {
var inputObj = root.curEditInput,
- newName = forceName ? forceName : (isCancel ? data.nodeName(setting, node) : inputObj.val());
+ newName = forceName ? forceName : isCancel ? data.nodeName(setting, node) : inputObj.val()
if (tools.apply(setting.callback.beforeRename, [setting.treeId, node, newName, isCancel], true) === false) {
- return false;
+ 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]);
+ 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;
+ root.noSelection = true
+ return true
},
- editNode: function (setting, node) {
- var root = data.getRoot(setting);
- view.editNodeBlur = false;
+ 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;
+ 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));
+ 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);
+ tools.inputSelect(inputObj)
} else {
- tools.inputFocus(inputObj);
+ 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;
- });
+ 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;
+ $$(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);
+ 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;
+ moveType = consts.move.TYPE_INNER
}
if (moveType == consts.move.TYPE_INNER) {
if (targetNodeIsRoot) {
//parentTId of root node is null
- node.parentTId = null;
+ node.parentTId = null
} else {
if (!data.nodeIsParent(setting, targetNode)) {
- data.nodeIsParent(setting, targetNode, true);
- targetNode.open = !!targetNode.open;
- view.setNodeLineIcos(setting, targetNode);
+ data.nodeIsParent(setting, targetNode, true)
+ targetNode.open = !!targetNode.open
+ view.setNodeLineIcos(setting, targetNode)
}
- node.parentTId = targetNode.tId;
+ node.parentTId = targetNode.tId
}
}
//move node Dom
- var targetObj, target_ulObj;
+ var targetObj, target_ulObj
if (targetNodeIsRoot) {
- targetObj = setting.treeObj;
- target_ulObj = targetObj;
+ targetObj = setting.treeObj
+ target_ulObj = targetObj
} else {
if (!isSilent && moveType == consts.move.TYPE_INNER) {
- view.expandCollapseNode(setting, targetNode, true, false);
+ view.expandCollapseNode(setting, targetNode, true, false)
} else if (!isSilent) {
- view.expandCollapseNode(setting, targetNode.getParentNode(), true, false);
+ view.expandCollapseNode(setting, targetNode.getParentNode(), true, false)
}
- targetObj = $$(targetNode, setting);
- target_ulObj = $$(targetNode, consts.id.UL, setting);
+ 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(''));
+ var ulstr = []
+ view.makeUlHtml(setting, targetNode, ulstr, "")
+ targetObj.append(ulstr.join(""))
}
- target_ulObj = $$(targetNode, consts.id.UL, setting);
+ target_ulObj = $$(targetNode, consts.id.UL, setting)
}
- var nodeDom = $$(node, setting);
+ var nodeDom = $$(node, setting)
if (!nodeDom.get(0)) {
- nodeDom = view.appendNodes(setting, node.level, [node], null, -1, false, true).join('');
+ nodeDom = view.appendNodes(setting, node.level, [node], null, -1, false, true).join("")
} else if (!targetObj.get(0)) {
- nodeDom.remove();
+ nodeDom.remove()
}
if (target_ulObj.get(0) && moveType == consts.move.TYPE_INNER) {
- target_ulObj.append(nodeDom);
+ target_ulObj.append(nodeDom)
} else if (targetObj.get(0) && moveType == consts.move.TYPE_PREV) {
- targetObj.before(nodeDom);
+ targetObj.before(nodeDom)
} else if (targetObj.get(0) && moveType == consts.move.TYPE_NEXT) {
- targetObj.after(nodeDom);
+ targetObj.after(nodeDom)
}
//repair the data after move
- var i, l,
+ 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);
+ 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;
+ tmpSrcIndex = 0
if (oldChildren.length > 1) {
- oldNeighbor = oldChildren[1];
- oldNeighbor.isFirstNode = true;
+ oldNeighbor = oldChildren[1]
+ oldNeighbor.isFirstNode = true
}
} else if (node.isLastNode) {
- tmpSrcIndex = oldChildren.length - 1;
- oldNeighbor = oldChildren[tmpSrcIndex - 1];
- oldNeighbor.isLastNode = true;
+ 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;
+ tmpSrcIndex = i
+ break
}
}
}
if (tmpSrcIndex >= 0) {
- oldChildren.splice(tmpSrcIndex, 1);
+ 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 (targetParentChildren[i].tId == targetNode.tId) tmpTargetIndex = i
}
}
if (moveType == consts.move.TYPE_INNER) {
if (!targetChildren) {
- targetChildren = data.nodeChildren(setting, targetNode, []);
+ targetChildren = data.nodeChildren(setting, targetNode, [])
}
if (targetChildren.length > 0) {
- newNeighbor = targetChildren[targetChildren.length - 1];
- newNeighbor.isLastNode = false;
+ newNeighbor = targetChildren[targetChildren.length - 1]
+ newNeighbor.isLastNode = false
}
- targetChildren.splice(targetChildren.length, 0, node);
- node.isLastNode = true;
- node.isFirstNode = (targetChildren.length == 1);
+ 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;
-
+ 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;
-
+ 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);
+ targetParentChildren.splice(tmpTargetIndex, 0, node)
} else {
- targetParentChildren.splice(tmpTargetIndex + 1, 0, node);
+ targetParentChildren.splice(tmpTargetIndex + 1, 0, node)
}
- node.parentTId = targetNode.parentTId;
- node.isFirstNode = false;
- node.isLastNode = false;
+ node.parentTId = targetNode.parentTId
+ node.isFirstNode = false
+ node.isLastNode = false
}
- data.fixPIdKeyValue(setting, node);
- data.setSonNodeLevel(setting, node.getParentNode(), node);
+ data.fixPIdKeyValue(setting, node)
+ data.setSonNodeLevel(setting, node.getParentNode(), node)
//repair node what been moved
- view.setNodeLineIcos(setting, node);
- view.repairNodeLevelClass(setting, node, oldLevel);
+ 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;
+ 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");
-
+ 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);
+ view.setNodeLineIcos(setting, oldNeighbor)
}
//new neigbor node
if (newNeighbor) {
- view.setNodeLineIcos(setting, 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);
+ 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);
+ view.expandCollapseParentNode(setting, node.getParentNode(), true, animateFlag)
}
},
- removeEditBtn: function (setting, node) {
- $$(node, consts.id.EDIT, setting).unbind().remove();
+ removeEditBtn: function(setting, node) {
+ $$(node, consts.id.EDIT, setting)
+ .unbind()
+ .remove()
},
- removeRemoveBtn: function (setting, node) {
- $$(node, consts.id.REMOVE, 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]);
+ 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;
+ 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);
+ 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) {
+ selectNodes: function(setting, nodes) {
for (var i = 0, l = nodes.length; i < l; i++) {
- view.selectNode(setting, nodes[i], i > 0);
+ 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);
+ }
+ $.extend(true, $.fn.zTree.consts, _consts)
+ $.extend(true, $.fn.zTree._z, _z)
var zt = $.fn.zTree,
tools = zt._z.tools,
@@ -3830,75 +4218,81 @@
view = zt._z.view,
data = zt._z.data,
event = zt._z.event,
- $$ = tools.$;
+ $$ = 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);
+ 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;
+ 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;
+ view.removeTreeDom(setting, list[i])
+ if (node) break
}
}
- if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments);
+ if (_cancelPreSelectedNode) _cancelPreSelectedNode.apply(view, arguments)
}
- var _createNodes = view.createNodes;
- view.createNodes = function (setting, level, nodes, parentNode, index) {
+ var _createNodes = view.createNodes
+ view.createNodes = function(setting, level, nodes, parentNode, index) {
if (_createNodes) {
- _createNodes.apply(view, arguments);
+ _createNodes.apply(view, arguments)
}
- if (!nodes) return;
+ if (!nodes) return
if (view.repairParentChkClassWithSelf) {
- view.repairParentChkClassWithSelf(setting, parentNode);
+ view.repairParentChkClassWithSelf(setting, parentNode)
}
}
- var _makeNodeUrl = view.makeNodeUrl;
- view.makeNodeUrl = function (setting, node) {
- return setting.edit.enable ? null : (_makeNodeUrl.apply(view, arguments));
+ 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;
+ 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);
+ _removeNode.apply(view, arguments)
}
}
- var _selectNode = view.selectNode;
- view.selectNode = function (setting, node, addFlag) {
- var root = data.getRoot(setting);
+ 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;
+ return false
}
- if (_selectNode) _selectNode.apply(view, arguments);
- view.addHoverDom(setting, node);
- return true;
+ 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;
+ 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();
+ view.editNodeBlur = false
+ root.curEditInput.focus()
}
- return (!root.curEditNode) && (_uCanDo ? _uCanDo.apply(view, arguments) : true);
+ return !root.curEditNode && (_uCanDo ? _uCanDo.apply(view, arguments) : true)
}
-})(jQuery);
\ No newline at end of file
+})(jQuery)
diff --git a/src/pages/gb28181/index/App.vue b/src/pages/gb28181/index/App.vue
index f1dd8e8..498d79b 100644
--- a/src/pages/gb28181/index/App.vue
+++ b/src/pages/gb28181/index/App.vue
@@ -9,21 +9,15 @@
type="border-card"
@tab-click="hanleTabClick"
>
- <el-tab-pane label="鍥芥爣ID" name="gb28181">
+ <el-tab-pane label="鍥芥爣鏈嶅姟" name="gb28181">
<div style="width: 775px">
<!-- GB28181璁剧疆 -->
- <el-form
- :model="gb28181"
- :rules="rules"
- label-width="130px"
- class="alarmSetting"
- ref="gb28181"
- >
+ <el-form :model="gb28181" :rules="rules" label-width="130px" class="alarmSetting" ref="gb28181">
<!-- <el-form-item label="鍥介檯鏈嶅姟鍣↖P" prop="ServerIp">
<ip-input :ip="gb28181.ServerIp" @on-blur="gb28181.ServerIp = arguments[0]"></ip-input>
</el-form-item>-->
- <div style="text-align: left; margin-bottom: 16px">
+ <div style="text-align: left;margin-bottom: 16px;">
<el-radio-group v-model="gb28181.idType">
<el-radio :label="0">杈撳叆宸叉湁ID</el-radio>
<el-radio :label="1">鐢熸垚鏂扮殑ID</el-radio>
@@ -74,11 +68,7 @@
:value="item.id"
></el-option>
</el-select>
- <el-button
- type="text"
- style="position: absolute"
- v-show="gb28181.idType === 1"
- @click="newGBID"
+ <el-button type="text" style="position: absolute" v-show="gb28181.idType === 1" @click="newGBID"
>鐢熸垚ID</el-button
>
</el-form-item>
@@ -97,11 +87,7 @@
</el-form-item>
<el-form-item label="鍥芥爣绔彛" prop="GbServerPort">
- <el-input
- v-model.number="gb28181.GbServerPort"
- placeholder="璇疯緭鍏�"
- size="small"
- ></el-input>
+ <el-input v-model.number="gb28181.GbServerPort" placeholder="璇疯緭鍏�" size="small"></el-input>
</el-form-item>
<el-form-item label="寮�鍚壌鏉�" style="text-align: left">
@@ -118,9 +104,7 @@
</el-form-item>
<el-form-item style="float: right">
- <el-button type="primary" @click="submitGB28281" size="small"
- >淇濆瓨</el-button
- >
+ <el-button type="primary" @click="submitGB28281" size="small">淇濆瓨</el-button>
</el-form-item>
</el-form>
</div>
@@ -132,87 +116,73 @@
border
fit
highlight-current-row
- style="width: 100%; color: #000"
- :header-cell-style="{
- background: '#f8f8f8',
- color: '#222222',
- height: '30px',
- }"
+ style="width: 100%; color:#000"
+ :header-cell-style="{ background: '#f8f8f8', color: '#222222', height: '30px' }"
>
- <el-table-column
- type="index"
- label="搴忓彿"
- align="center"
- width="50"
- ></el-table-column>
- <el-table-column
- prop="name"
- label="鍚嶇О"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="publicid"
- label="ID"
- align="center"
- ></el-table-column>
- <el-table-column
- prop="ip"
- label="IP"
- align="center"
- ></el-table-column>
+ <el-table-column type="index" label="搴忓彿" align="center" width="50"></el-table-column>
+ <el-table-column prop="name" label="鍚嶇О" align="center"></el-table-column>
+ <el-table-column prop="publicid" label="ID" align="center"></el-table-column>
+ <el-table-column prop="ip" label="IP" align="center"></el-table-column>
<el-table-column prop="status" label="鐘舵��" align="center">
<template slot-scope="scope">
- <span
- :style="scope.row.alive ? `color:#047d19` : 'color:#f11a1a;'"
- >{{ scope.row.alive ? "鍦ㄧ嚎" : "绂荤嚎" }}</span
- >
+ <span :style="scope.row.alive ? `color:#047d19` : 'color:#f11a1a;'">{{
+ scope.row.alive ? "鍦ㄧ嚎" : "绂荤嚎"
+ }}</span>
</template>
</el-table-column>
- <el-table-column
- prop="corp"
- label="澶囨敞"
- align="center"
- ></el-table-column>
+ <el-table-column prop="corp" label="澶囨敞" align="center"></el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="鍥芥爣鎽勫儚鏈�" name="cameras">
- <div style="text-align: left">
- <el-button
- type="primary"
- size="small"
- @click="updateCamerasFromVideosvr"
- >鍒锋柊</el-button
- >
+ <div style="text-align:left">
+ <el-button type="primary" size="small" @click="updateCamerasFromVideosvr">鍒锋柊</el-button>
</div>
- <div class="camera-title">
- <b>鍥芥爣鎽勫儚鏈洪厤缃�</b>
- <span>(鏈�澶氬嬀閫�500璺憚鍍忔満)</span>
- </div>
- <tree-menu
- ref="tree"
- app="gb28181"
- treeName="localTree"
- :node="TreeDataPool.treeData"
- :height="treeHeight"
- :setting="treeSettings"
- clickType="multiple"
- style="width: 600px; min-height: 500px"
- />
- <div class="base-image" v-loading="TreeDataPool.baseImageLoading">
- <span>{{ TreeDataPool.cameraNameForBaseImage }}</span>
- <div
- class="camera-image"
- v-show="TreeDataPool.cameraNameForBaseImage.length"
- >
- <img
- :src="
- 'data:image/png;base64,' + TreeDataPool.gb28181CameraBaseImage
- "
- width="450px"
- alt
+
+ <div class="tree-container">
+ <div class="tree-box">
+ <div class="camera-title">
+ <b>鍥芥爣鎽勫儚鏈�</b>
+ </div>
+ <tree-menu
+ ref="ztree"
+ app="gb28181"
+ treeName="localTree"
+ clickType="multiple"
+ :node="TreeDataPool.treeData"
+ :height="treeHeight"
+ :setting="treeSettings"
+ @itemChecked="onItemCheck"
+ search
+ style="width:500px;min-height:500px"
/>
</div>
+
+ <div class="tree-box">
+ <div class="camera-title">
+ <b>宸查�夋憚鍍忔満</b>
+ <span>(鏈�澶氬嬀閫�500璺憚鍍忔満)</span>
+ </div>
+ <!-- <tree-menu
+ ref="dstTree"
+ treeName="localTree"
+ :node="dstTreeData"
+ :height="treeHeight"
+ :setting="treeSettingsSelect"
+ style="width:500px;min-height:500px"
+ /> -->
+ <div class="select-tree-menu" :style="`max-height:${750 - 200}px;`">
+ <z-tree :nodes="dstTreeData" :show-checkbox="false" :gb28181="true" search />
+ </div>
+ </div>
+
+ <div class="base-image" v-loading="TreeDataPool.baseImageLoading">
+ <span>{{ TreeDataPool.cameraNameForBaseImage }}</span>
+ <div class="camera-image" v-show="TreeDataPool.cameraNameForBaseImage.length">
+ <img :src="'data:image/png;base64,' + TreeDataPool.gb28181CameraBaseImage" width="450px" alt />
+ </div>
+ </div>
</div>
+
<el-divider></el-divider>
<span class="camera-seleted-text">
@@ -221,9 +191,7 @@
/ {{ TreeDataPool.gb28181ChildNodeCount }} ) 璺�
</span>
- <el-button type="primary" size="small" @click="saveChecked"
- >淇濆瓨</el-button
- >
+ <el-button type="primary" size="small" @click="saveChecked">淇濆瓨</el-button>
</el-tab-pane>
</el-tabs>
</div>
@@ -237,23 +205,25 @@
getGb28181AreaList,
newGb28181ID,
getAllSubServer,
- saveGb28181CamTree,
-} from "./api";
+ saveGb28181CamTree
+} from "./api"
-import TreeMenu from "@/components/giantTree/index";
-import { isPort, isIPv4 } from "@/scripts/validate";
-import bus from "@/plugin/bus";
+import TreeMenu from "@/components/giantTree/index"
+import { isPort, isIPv4 } from "@/scripts/validate"
+import ZTree from "@/components/giantTree/zTree/ztree"
+
export default {
name: "Gb28181Setting",
components: {
TreeMenu,
+ ZTree
},
directives: {
focus: {
- inserted: function (el) {
- el.querySelector("input").focus();
- },
- },
+ inserted: function(el) {
+ el.querySelector("input").focus()
+ }
+ }
},
data() {
@@ -268,46 +238,47 @@
idType: 1,
treeSettings: {
check: {
- enable: true,
- },
- view: {
- showLine: true,
- showIcon: true, // default to hide icon
- },
+ enable: true
+ }
+ },
+ treeSettingsSelect: {
+ check: {
+ enable: false
+ }
},
rules: {
ip: [
{
required: true,
message: "璇疯緭鍏P鍦板潃",
- trigger: "change",
+ trigger: "change"
},
- { validator: isIPv4, trigger: "change" },
+ { validator: isIPv4, trigger: "change" }
],
ServerIp: [
{
required: true,
message: "璇疯緭鍏P鍦板潃",
- trigger: "change",
+ trigger: "change"
},
- { validator: isIPv4, trigger: "change" },
+ { validator: isIPv4, trigger: "change" }
],
ServerPort: [
{
required: true,
message: "璇疯緭鍏ョ鍙�",
- trigger: "change",
+ trigger: "change"
},
- { validator: isPort, trigger: "change" },
+ { validator: isPort, trigger: "change" }
],
GbServerPort: [
{
required: true,
message: "璇疯緭鍏ョ鍙�",
- trigger: "change",
+ trigger: "change"
},
- { validator: isPort, trigger: "change" },
- ],
+ { validator: isPort, trigger: "change" }
+ ]
},
locationCity: {
province: "",
@@ -315,97 +286,100 @@
county: "",
provinceOptions: [],
cityOptions: [],
- countyOptions: [],
+ countyOptions: []
},
- };
+ dstTreeData: []
+ }
},
mounted() {
- this.TreeDataPool.multiple = true;
+ this.TreeDataPool.multiple = true
// 璁板綍鐩綍鏄惁鎶樺彔
- let foldList = localStorage.getItem("ztree_fold_list");
+ let foldList = localStorage.getItem("ztree_fold_list")
if (foldList) {
- this.TreeDataPool.foldNodeList = JSON.parse(foldList);
+ this.TreeDataPool.foldNodeList = JSON.parse(foldList)
}
- this.initGB28181Conf();
+ this.initGB28181Conf()
},
methods: {
hanleTabClick(tab, event) {
if (this.activeName == "subordinates") {
getAllSubServer().then((rsp) => {
if (rsp && rsp.success) {
- this.subDevTable = rsp.data;
+ this.subDevTable = rsp.data
}
- });
+ })
} else if (this.activeName == "cameras") {
- this.getCamerasFromVideosvr();
+ this.getCamerasFromVideosvr()
}
+
+ // this.TreeDataPool.fetchGbTree()
+ // this.dstTreeData = this.TreeDataPool.gb28181Data
},
async getCamerasFromVideosvr() {
- this.loading = true;
- await this.TreeDataPool.fetchVideosvrCameras(false);
- this.loading = false;
+ this.loading = true
+ await this.TreeDataPool.fetchVideosvrCameras(false)
+ this.dstTreeData = this.TreeDataPool.newTreeByChecked(this.TreeDataPool.treeData)
+ this.loading = false
},
async updateCamerasFromVideosvr() {
- this.loading = true;
- await this.TreeDataPool.fetchVideosvrCameras(true);
- this.loading = false;
+ this.loading = true
+ await this.TreeDataPool.fetchVideosvrCameras(true)
+ this.loading = false
+ },
+ onItemCheck() {
+ this.dstTreeData = this.TreeDataPool.newTreeByChecked(this.TreeDataPool.activeTreeData)
},
saveChecked() {
- localStorage.setItem(
- "ztree_fold_list",
- JSON.stringify(this.TreeDataPool.foldNodeList)
- );
+ localStorage.setItem("ztree_fold_list", JSON.stringify(this.TreeDataPool.foldNodeList))
if (this.TreeDataPool.gb28181CheckedCount > 500) {
this.$message({
type: "warning",
- message: "鏈�澶氫粎鏀寔閫夋嫨500璺憚鍍忔満. 璇烽噸鏂伴�夋嫨",
- });
+ message: "鏈�澶氫粎鏀寔閫夋嫨500璺憚鍍忔満. 璇烽噸鏂伴�夋嫨"
+ })
- return;
+ return
}
- this.loading = true;
+ this.loading = true
- let treeData = this.TreeDataPool.newTreeByChecked(
- this.TreeDataPool.activeTreeData
- );
+ let treeData = this.TreeDataPool.newTreeByChecked(this.TreeDataPool.activeTreeData)
saveGb28181CamTree({ checkedMenus: treeData })
.then((rsp) => {
if (rsp && rsp.success) {
this.$message({
type: "success",
- message: "淇濆瓨鎴愬姛",
- });
+ message: "淇濆瓨鎴愬姛"
+ })
}
- this.loading = false;
+ this.loading = false
})
.catch((err) => {
this.$message({
type: "error",
- message: "淇濆瓨澶辫触",
- });
- this.loading = false;
- });
+ message: "淇濆瓨澶辫触"
+ })
+ this.loading = false
+ })
},
initGB28181Conf() {
getGB28181Config().then((rsp) => {
if (rsp && rsp.success) {
- this.gb28181 = rsp.data;
+ this.gb28181 = rsp.data
//this.gb28181.idType = 0;
- this.$set(this.gb28181, "idType", 0);
- this.$refs["gb28181"].resetFields();
+ this.$set(this.gb28181, "idType", 0)
+ this.$refs["gb28181"].resetFields()
}
- });
+ })
getGb28181AreaList().then((rsp) => {
if (rsp && rsp.success) {
- this.locationCity.provinceOptions = rsp.data;
+ this.locationCity.provinceOptions = rsp.data
}
- });
+ })
},
submitGB28281() {
this.$refs["gb28181"].validate((valid) => {
@@ -414,62 +388,62 @@
if (rsp && rsp.success) {
this.$notify({
type: "success",
- message: "GB28181璁剧疆淇濆瓨鎴愬姛",
- });
+ message: "GB28181璁剧疆淇濆瓨鎴愬姛"
+ })
}
- });
+ })
} else {
- console.log("error submit!!");
- return false;
+ console.log("error submit!!")
+ return false
}
- });
+ })
},
changeProvince() {
- let pid = this.locationCity.province;
+ let pid = this.locationCity.province
getGb28181AreaList({ parentId: pid }).then((rsp) => {
if (rsp && rsp.success) {
- this.locationCity.cityOptions = rsp.data;
- this.locationCity.city = this.locationCity.cityOptions[0].id;
- this.changeCity();
+ this.locationCity.cityOptions = rsp.data
+ this.locationCity.city = this.locationCity.cityOptions[0].id
+ this.changeCity()
}
- });
+ })
},
changeCity() {
- let pid = this.locationCity.city;
+ let pid = this.locationCity.city
getGb28181AreaList({ parentId: pid }).then((rsp) => {
if (rsp && rsp.success) {
- this.locationCity.countyOptions = rsp.data;
- this.locationCity.county = this.locationCity.countyOptions[0].id;
+ this.locationCity.countyOptions = rsp.data
+ this.locationCity.county = this.locationCity.countyOptions[0].id
}
- });
+ })
},
newGBID() {
- let cCode = this.locationCity.county + "";
+ let cCode = this.locationCity.county + ""
newGb28181ID({ code: cCode }).then((rsp) => {
if (rsp && rsp.success) {
- this.gb28181.PublicId = rsp.data;
+ this.gb28181.PublicId = rsp.data
}
- });
+ })
},
menuOpen() {},
menuClose() {},
toOpenMenuList(e) {
- let t = e.clientY - this.$el.offsetTop + 30;
- let l = e.clientX - this.$el.offsetLeft;
+ let t = e.clientY - this.$el.offsetTop + 30
+ let l = e.clientX - this.$el.offsetLeft
window.parent.postMessage(
{
source: location.href.split("/")[location.href.split("/").length - 1],
trigger: "contextmenu",
menuT: t,
- menuL: l,
+ menuL: l
},
"*"
- );
- return false;
- },
- },
-};
+ )
+ return false
+ }
+ }
+}
</script>
<style lang="scss">
.s-system-manage {
@@ -570,16 +544,6 @@
text-decoration: underline;
}
- .camera-title {
- text-align: left;
- padding: 0px 10px;
- margin: 5px 0px;
- height: 33px;
- background-color: #e4e2e2;
- line-height: 33px;
- font-size: 14px;
- }
-
.camera-seleted-text {
margin-right: 20px;
@@ -588,15 +552,64 @@
}
}
- .base-image {
- position: absolute;
- top: 18%;
- left: 57%;
- width: 450px;
+ .tree-container {
+ display: flex;
+ .tree-box {
+ width: 500px;
+ margin: 5px 10px 0px 0px;
+ border: 1px solid #e4e2e2;
- .camera-image {
- background-color: black;
- height: 254px;
+ .camera-title {
+ text-align: left;
+ padding: 0px 10px;
+ margin: 0px 0px;
+ height: 33px;
+ background-color: #e4e2e2;
+ line-height: 33px;
+ font-size: 14px;
+ }
+ }
+
+ .base-image {
+ margin: 140px 10px;
+ width: 450px;
+ height: 300px;
+
+ .camera-image {
+ background-color: black;
+ height: 254px;
+ }
+ }
+ .select-tree-menu {
+ // max-width: 350px;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ margin-bottom: 4px;
+ }
+ .select-tree-menu::-webkit-scrollbar {
+ /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 4px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 4px;
+ }
+ .select-tree-menu::-webkit-scrollbar-thumb {
+ /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+ background: rgb(202, 201, 201);
+ }
+ .select-tree-menu::-webkit-scrollbar-track {
+ /*婊氬姩鏉￠噷闈㈣建閬�*/
+ -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0);
+ border-radius: 0;
+ background: rgb(235, 234, 234);
+ }
+ .select-tree-menu::-webkit-scrollbar-thumb:hover {
+ background: rgba(0, 0, 0, 0.4);
+ }
+ .select-tree-menu:hover {
+ overflow-x: visible;
+ overflow-y: auto;
+ margin-bottom: 0px;
}
}
}
--
Gitblit v1.8.0