ztree添加自定义图标

2023-11-01

ztree默认自带的是编辑和删除的图标,但是在做项目的时候遇到需要“添加”的图标,百度好久找到了解决方法,如下

<script>
        var scanTypeTreeSetting = {
            view: {
                addHoverDom: addHoverDom,//添加图标事假
            }
        };


       
        function addHoverDom(treeId, treeNode) {

            //是否显示添加按钮添加(这边是我项目中需要显示添加图标的条件,具体看本人需求)
            if (treeNode.level == 1 && treeNode.canAdd) {
                var aObj = $("#" + treeNode.tId + "_a");
                if ($("#diyBtn_" + treeNode.id).length > 0) return;
                // var editStr = "<span id='diyBtn_space_ " + treeNode.id + "' style='display: none;'> </span>"
                //     + "<button type='button' style='width:15px;height:15px;line-height:12px;border:1px solid #ccc;background: #fff;outline: none;margin-left:2px;' class='diyBtn1 add' id='diyBtn_" + treeNode.id
                //     + "' title='" + treeNode.name + "' onfocus='this.blur();'>+</button>";
                var editStr = "<span id='diyBtn_space_ " + treeNode.id + "' style='display: none;'> </span>"
                    + "<button type='button' style='width:15px;height:15px;line-height:12px;border:1px solid #ccc;background: #fff;outline: none;margin-left:2px;' class='diyBtn1 add' id='diyBtn_" + treeNode.id
                    + "' title='新增' onfocus='this.blur();'>+</button>";
                aObj.append(editStr);
                var btn = $("#diyBtn_" + treeNode.id);
                if (btn) btn.bind("click", function () {
                    var id = treeNode.id;
                    hideRMenu();
                    $("#policyDialog").createDialog({
                        title: "新增"+treeNode.name,
                        width: 500,
                        height: 300,
                        url: "" ,
                        buttons: {
                            "保存": function () {
                                
                            }
                        }

                    })

                });
                return true;
            }
            else {
                return false;
            }
        };

</script>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ztree添加自定义图标 的相关文章

  • 初学Java该学哪些知识?这6大知识必学

    目前 Java是开发人员的热宠 很多论坛都有不少热爱Java的开发人员 也有不少想成为Java程序员 但苦于不知道该如何学习Java 也不清楚该学些什么知识才能成为一个Java程序员 小千在这里抛砖引玉 和大家讨论初学Java应该掌握的知识
  • gitee配置ssh后仍需要密码

    gitee创建仓库后默认提供的是https链接需要修改为ssh才能免密登录 1 查看远程仓库链接 git remote v 删除远程仓库 git remote rm origin 重新添加远程仓库 ssh地址 git remote add
  • 关于hive中从hdfs上load数据到表中而HDFS上的数据却消失的若干问题

    原链接 https blog csdn net shuaikang666 article details 80357075 今天偶然间发现hive中一个我之前没有注意到的一个小细节 我怀疑你们之前也可能没有注意到 那就是当我们试图从HDFS
  • Adding New Functions to MySQL(User-Defined Function Interface UDF、Native Function)

    catalog 1 How to Add New Functions to MySQL 2 Features of the User Defined Function Interface 3 User Defined Function 4
  • postgres数据库相关使用说明

    默认的数据库和用户名是postgres 登录 psql U postgres d postgres ctrl c q 退出数据库交互模式 创建新用户 gwp createuser U postgres P d gwp 输入密码 mxq123
  • 路由器和交换机工作原理

    路由器工作原理 路由器 三层设备 同时基于二层设备工作 当数据包进到路由器时 首先查看的是二层报头 查看的是目标MAC 目标MAC分为三种 广播 组播 单播 广播地址 解封装到三层报头 组播地址 每一个组播地址均存在自己的MAC地址 基于目
  • 华为OD题目: 任务总执行时长

    package com darling boot order od od10 import com sun org apache bcel internal generic IF ACMPEQ import java util 任务总执行时
  • 几种I/O编程实践

    1 传统的BIO编程 网络编程的基本模型是Client Server模型 也就是两个进程间相互通信 其中 服务端提供位置信息 绑定的IP地址和监听端口 客户端提供连接操作向服务端监听的地址发起连接请求 通过三次握手建立连接 如果连接建立成功
  • Burpsuite在Firefox中无法抓取DVWA本地数据包解决方案+导入证书

    前言 这几天重装了系统 软件也大部分重新安装 在使用bp时 遇到了不能抓取dvwa数据包的情况 解决方案 猜想 可能是浏览器自动将127 0 0 1与localhost默认选择不使用代理服务 无法修改 反正我没找到 方案 将url栏中的12

随机推荐

  • java计算下一个整5分钟时间点

    需求 需要获取当前时间的下一个整点时间 如13 23 获取的下一个时间为 13 25 代码 获取下一个分钟值以0或者5结尾的时间点 单位 毫秒 return public static long getNextMillisEndWithMi
  • 机器数——源码、反码、补码

    机器数 源码 反码 补码 基本定义 1 机器数是将符号 数字化 的数 是数字在计算机中的二进制表示形式 表示一个机器数 应该考虑以下三个因素 1 机器数的范围 2 机器数的符号 3 机器数中小数点的位置 我们这里只讨论二进制整数在计算机中的
  • 【Java筑基】IO流基础之常见工具流和进程通信

    前 言 作者简介 半旧518 长跑型选手 立志坚持写10年博客 专注于java后端 专栏简介 深入 全面 系统的介绍java的基础知识 文章简介 本文将深入全面介绍IO流知识 建议收藏备用 创作不易 敬请三连哦 大厂真题 大厂面试真题大全
  • Python3 入门及基础语法

    文章目录 解释型语言 解释型语言优缺点 和编译性语言的区别 Python 简介 优点 缺点 和其他语言区别 Python 入门 Python 解释器安装 Python 继承开发环境安装 第一个 Python 程序 Python 基础 注释
  • MySql的时区(serverTimezone)引发的血案

    前言 mysql8 x的jdbc升级了 增加了时区 serverTimezone 属性 并且不允许为空 血案现场 配置jdbc的URL jdbc mysql IP PORT DB characterEncoding utf8 useSSL
  • Unity-人物移动

    Unity 人物移动 人物模型 参考以下视频 如何在Unity中导入pmx格式的MMD模型 哔哩哔哩 bilibili 用的是原神模型 这里要注意导入后把人物模型的Rig换为Humanoid 人物动作 使用的Unity Chan Model
  • iOS设备分辨率和icon尺寸

    经常需要告诉设计关于iPhone的分辨和icon的需要的尺寸 有时候自己也忘记了 都是从文档 Human Interface Guidelines 中取的 mark一下 icon相关 Device or context Icon size
  • Ubuntu 22 Server安装docker

    系统版本 Ubuntu 22 Server 按照如下文章进行了安装 Ubuntu 22 安装Docker环境
  • 升级go1.18版本json-iterator coredump问题

    unexpected fault address 0x0 fatal error fault signal SIGSEGV segmentation violation code 0x80 addr 0x0 pc 0x46639f goro
  • sqlserver千万数据查询分页

    sqlserver千万数据查询分页 前言废话 sqlserver 作业调用 mysql 前言废话 人生开始感受到无力 我不是没心没肺的人 可是我心里真的不舒服 sqlserver 新建一个表 if OBJECT ID test is not
  • tensorflow SSD实战:基于深度学习的多目标识别

    SSD SSD Single Shot MultiBox Detector 是采用单个深度神经网络模型实现目标检测和识别的方法 如图2所示 该方法是综合了Faster R CNN的anchor box和YOLO单个神经网络检测思路 YOLO
  • DataX-一款稳定高效的数据同步工具-从安装、启动、配置、使用总结,看这篇让你一步到位

    前言 大数据部门现阶段ETL按同步方式分为两种 实时同步 DTS CloudCanal 离线同步 dataworks DI节点 但CloudCanal在使用中出现了部分问题 归纳总结后主要为以下几点 部分使用场景获取不到binlog点位 停
  • python爬虫实战-如何批量爬取唯品会商品信息>>>

    第一步 打开唯品会网站 https www vip com 然后随意搜索一种商品 比如 键盘 搜索之后下拉发现页面URL没有发生改变 但是商品信息在不断加载 那么这就是动态Ajax技术 遇到这种情况 第一反应就是找接口 第二步 打开开发者工
  • 盘点2022初级Java笔试题,选择题,简答题(右滑查看答案)

    2022Java笔试题总结 一 选择题 可能不止一个选项 二 解答题 结束语 个人主页 编程ID 个人简介 大家好 我是编程ID 一个想要与大家共同进步的程序员儿 欢迎大家 这里是CSDN 我总结知识的地方 欢迎来到我的博客 望能帮到各位想
  • 负载均衡分类及选择(lvs/nginx/haproxy/keepalived)

    lvs官网 http www linuxvirtualserver org haproxy官网 https www haproxy org https www haproxy com nginx官网 https nginx org keep
  • 兼容性测试的测试点

    兼容性测试的测试点 1 测试软件是否能在不同的操作系统平台上兼容 或测试软件是否能在同一操作平台的不同版本上兼容 2 软件本身能否向前或向后兼容 主要指的是能否兼容不同版本的数据 3 测试软件能否与其他相关的软件兼容 例如杀毒软件 文字处理
  • Kotlin尾递归优化

    一 尾递归优化 1 递归的一种特殊形式 2 调用自身后无其他的操作 3 tailrec关键字提示编译器尾递归优化 二 具体的来看看一下代码说明 package net println kotlin chapter5 tailrecursiv
  • Spring Cloud 5分钟搭建教程

    1 前言 1 1 以下内容是我通过阅读官方文档 并成功实践后的经验总结 希望能帮助你更快地理解和使用springCloud 1 2 默认读者已经熟练掌握Spring 全家桶 Spring Boot和注解开发 1 3 陆续更新 2 开发环境
  • Django连接mysql数据库的步骤以及可能出现的一系列错误

    1 首先要更改settings下的DATABASES DATABASES default ENGINE django db backends mysql NAME books 你的数据库名称 USER root 你的数据库用户名 PASSW
  • ztree添加自定义图标

    ztree默认自带的是编辑和删除的图标 但是在做项目的时候遇到需要 添加 的图标 百度好久找到了解决方法 如下