From d74b495736f0c04522ec54274b70fed0ded2878d Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Tue, 27 Jun 2023 11:30:06 +0800
Subject: [PATCH] 任务新增导出
---
public/map/lib/zTree_v3/demo/cn/super/rightClickMenu.html | 171 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 171 insertions(+), 0 deletions(-)
diff --git a/public/map/lib/zTree_v3/demo/cn/super/rightClickMenu.html b/public/map/lib/zTree_v3/demo/cn/super/rightClickMenu.html
new file mode 100644
index 0000000..dd15c6e
--- /dev/null
+++ b/public/map/lib/zTree_v3/demo/cn/super/rightClickMenu.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<HTML>
+<HEAD>
+ <TITLE> ZTREE DEMO - select menu</TITLE>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <link rel="stylesheet" href="../../../css/demo.css" type="text/css">
+ <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
+ <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
+ <script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>
+ <script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
+ <script type="text/javascript" src="../../../js/jquery.ztree.exedit.js"></script>
+ <SCRIPT type="text/javascript">
+ <!--
+ var setting = {
+ view: {
+ dblClickExpand: false
+ },
+ check: {
+ enable: true
+ },
+ callback: {
+ onRightClick: OnRightClick
+ }
+ };
+
+ var zNodes =[
+ {id:1, name:"无右键菜单 1", open:true, noR:true,
+ children:[
+ {id:11, name:"节点 1-1", noR:true},
+ {id:12, name:"节点 1-2", noR:true}
+
+ ]},
+ {id:2, name:"右键操作 2", open:true,
+ children:[
+ {id:21, name:"节点 2-1"},
+ {id:22, name:"节点 2-2"},
+ {id:23, name:"节点 2-3"},
+ {id:24, name:"节点 2-4"}
+ ]},
+ {id:3, name:"右键操作 3", open:true,
+ children:[
+ {id:31, name:"节点 3-1"},
+ {id:32, name:"节点 3-2"},
+ {id:33, name:"节点 3-3"},
+ {id:34, name:"节点 3-4"}
+ ]}
+ ];
+
+ function OnRightClick(event, treeId, treeNode) {
+ if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
+ zTree.cancelSelectedNode();
+ showRMenu("root", event.clientX, event.clientY);
+ } else if (treeNode && !treeNode.noR) {
+ zTree.selectNode(treeNode);
+ showRMenu("node", event.clientX, event.clientY);
+ }
+ }
+
+ function showRMenu(type, x, y) {
+ $("#rMenu ul").show();
+ if (type=="root") {
+ $("#m_del").hide();
+ $("#m_check").hide();
+ $("#m_unCheck").hide();
+ } else {
+ $("#m_del").show();
+ $("#m_check").show();
+ $("#m_unCheck").show();
+ }
+
+ y += document.body.scrollTop;
+ x += document.body.scrollLeft;
+ rMenu.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
+
+ $("body").bind("mousedown", onBodyMouseDown);
+ }
+ function hideRMenu() {
+ if (rMenu) rMenu.css({"visibility": "hidden"});
+ $("body").unbind("mousedown", onBodyMouseDown);
+ }
+ function onBodyMouseDown(event){
+ if (!(event.target.id == "rMenu" || $(event.target).parents("#rMenu").length>0)) {
+ rMenu.css({"visibility" : "hidden"});
+ }
+ }
+ var addCount = 1;
+ function addTreeNode() {
+ hideRMenu();
+ var newNode = { name:"增加" + (addCount++)};
+ if (zTree.getSelectedNodes()[0]) {
+ newNode.checked = zTree.getSelectedNodes()[0].checked;
+ zTree.addNodes(zTree.getSelectedNodes()[0], newNode);
+ } else {
+ zTree.addNodes(null, newNode);
+ }
+ }
+ function removeTreeNode() {
+ hideRMenu();
+ var nodes = zTree.getSelectedNodes();
+ if (nodes && nodes.length>0) {
+ if (nodes[0].children && nodes[0].children.length > 0) {
+ var msg = "要删除的节点是父节点，如果删除将连同子节点一起删掉。\n\n请确认！";
+ if (confirm(msg)==true){
+ zTree.removeNode(nodes[0]);
+ }
+ } else {
+ zTree.removeNode(nodes[0]);
+ }
+ }
+ }
+ function checkTreeNode(checked) {
+ var nodes = zTree.getSelectedNodes();
+ if (nodes && nodes.length>0) {
+ zTree.checkNode(nodes[0], checked, true);
+ }
+ hideRMenu();
+ }
+ function resetTree() {
+ hideRMenu();
+ $.fn.zTree.init($("#treeDemo"), setting, zNodes);
+ }
+
+ var zTree, rMenu;
+ $(document).ready(function(){
+ $.fn.zTree.init($("#treeDemo"), setting, zNodes);
+ zTree = $.fn.zTree.getZTreeObj("treeDemo");
+ rMenu = $("#rMenu");
+ });
+ //-->
+ </SCRIPT>
+ <style type="text/css">
+div#rMenu {position:absolute; visibility:hidden; top:0; background-color: #555;text-align: left;padding: 2px;}
+div#rMenu ul li{
+ margin: 1px 0;
+ padding: 0 5px;
+ cursor: pointer;
+ list-style: none outside none;
+ background-color: #DFDFDF;
+}
+ </style>
+ </HEAD>
+
+<BODY>
+<h1>右键菜单的实现</h1>
+<h6>[ 文件路径: super/rightClickMenu.html ]</h6>
+<div class="content_wrap">
+ <div class="zTreeDemoBackground left">
+ <ul id="treeDemo" class="ztree"></ul>
+ </div>
+ <div class="right">
+ <ul class="info">
+ <li class="title"><h2>实现方法说明</h2>
+ <ul class="list">
+ <li>利用 beforeRightClick / onRightClick 事件回调函数简单实现的右键菜单</li>
+ <li class="highlight_red">Demo 中的菜单比较简陋，你完全可以配合其他自定义样式的菜单图层混合使用</li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+</div>
+<div id="rMenu">
+ <ul>
+ <li id="m_add" onclick="addTreeNode();">增加节点</li>
+ <li id="m_del" onclick="removeTreeNode();">删除节点</li>
+ <li id="m_check" onclick="checkTreeNode(true);">Check节点</li>
+ <li id="m_unCheck" onclick="checkTreeNode(false);">unCheck节点</li>
+ <li id="m_reset" onclick="resetTree();">恢复zTree</li>
+ </ul>
+</div>
+</BODY>
+</HTML>
\ No newline at end of file
--
Gitblit v1.9.3