ztree java 增删改_Ztree实现增删改查

1.和另一篇文章--[TreeGrid 实现增删改查]前面的内容一致,只需要创建一个html页面,命名为ztree-01.html,粘贴如下网址的代码进入ztree-01.html。

访问http://www.treejs.cn/v3/faq.php#_206复制这些代码

html>

ZTREE DEMO TITLE>

HEAD>

  • ul>

div>

BODY>

HTML>

2.在ztree-01.html做如图所示修改

第一步:引入所需的css样式和js

bVcKbC5

第二步:修改代码,如图所示:

说明:访问http://www.treejs.cn/v3/faq.php#_206,点击demo

可以看到左面菜单栏里有最简单的树选项,点击第一个--最简单的树 -- 标准JSON数据,如图所示

bVcKbD9

3.第三步:第一个既然不是我们要找的格式,就查看第二个 最简单的树 -- 简单JSON数据,如图所示

bVcKbEO

4.第四步:访问访问http://www.treejs.cn/v3/faq.p...,点击上方的API文档,找到data里面的simpleData,参考下图查找到这里

bVcKbE4

4-1复制这块的代码进入html页面

bVcKbFb

3.在html页面把如下没用的代码删除掉

------删除掉这些代码--------

var zNodes = [ {name:"test1", open:true, children:[ {name:"test1_1"}, {name:"test1_2"}]}, {name:"test2", open:true, children:[ {name:"test2_1"}, {name:"test2_2"}]} ];

在var settting里添加如下代码:

data:{ simpleData:{ enable:true, idKey:"id", pIdKey:"parentId", rootPId:null

}

}

如图所示:bVcKbGc

4.在function做如下修改

$(document).ready(function () {

let url="http://localhost:8080/category/doFindCategorys";

$.get(url,function (result){ console.log(result); zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, result);

})

});

修改后的代码如图所示

bVcKbGn

页面运行效果如图所示:

bVcKbGs

文章来源: segmentfault.com,作者:于影,版权归原作者所有,如需转载,请联系作者。

原文链接:segmentfault.com/a/1190000038138328

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/357734.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android Studio导入项目非常慢的解决办法

问题 Android Studio目前已经更新到2.0 Preview 6了,作为Google大力推崇的开发工具,相对于Eclipse ADT有着不可比拟的优势。然而在实际使用时,依然有不少不爽的地方。Android Studio原生支持使用Gradle来构建项目本是个不错的想法&#xff0c…

DBA 技能图谱——数据库管理员不在迷茫

导读:DBA一般指数据库管理员。数据库管理员(Database Administrator,简称DBA),是从事管理和维护数据库管理系统(DBMS)的相关工作人员的统称,属于运维工程师的一个分支,主要负责业务数据库从设计、测试到部署交付的全生命周期管理。 目录 DBA 技能图谱 下载地址 DBA 技能…

java的六大_java程序员必备的六大工具!

原标题:java程序员必备的六大工具!Java程序员都会有套工具来应对工作上的挑战。多年来,Java 程序员使用软件来完成他们的工作。有很多工具对他们是有用的,不过对于初入行的人员来说,寻找合适的工具是困难的&#xff0c…

H5技能图谱——适合各阶段前端程序员的学习地图

导读:学过web前端的都知道,web前端开发主要包括结构、行为和表现。那么要做好web前端,必须知道哪些技能呢?今天孙叫兽给大家介绍web前端的学习地图。 目录 H5技能图谱 下载地址 H5技能图谱 是不是很简单呢,拿赶紧收藏起来学习…

java写exe程序实例_2012软考软件设计师辅导:利用JAVA执行本地EXE文件

曾经为了这样一个需求找了很多资料,今天终于学习到了!如何利用java执行exe文件?使用java类Runtime,每个Java应用程序都有一个Runtime类实例,使应用程序能够与其运行的环境相连接。可以通过getRuntime方法获取当前运行时…

使用Spring JUnit规则进行参数化集成测试

Spring 4.2附带了全新的JUnit规则: SpringClassRule和SpringMethodRule 。 使用JUnit规则的主要优点是让开发人员摆脱SpringJUnit4ClassRunner并在Spring集成测试中利用不同的JUnit运行器。 我认为Spring JUnit Rules的最大机会是易于创建参数化的集成测试。 要测试…

IOS 开发技能图谱——ios 开发工程师必知必会要点

导读:iOS 开发工程师技能图谱,包含开发基础、开发进阶、设计模式、开源项目、APP上传与审核、第三方服务等。 IOS 开发工程师技能图谱 下载地址 点我下载高清iOS 开发工程师技能图谱 关注公众号 电商程序员,回复 iOS 开发工程师技能图谱&am…

网络数据包收发流程(四):协议栈之packet_type

进入函数netif_receive_skb()后,skb正式开始协议栈之旅。先上图,协议栈大致过程如下所示:跟OSI七层模型不同,linux根据包结构对网络进行分层。比如,arp头和ip头都是紧跟在以太网头后面的,所以在linux协议栈…

OpenResty学习地图来啦,速速收藏!

导读:OpenResty学习地图,全英文文档 OpenResty学习地图 下载地址 点我下载高清OpenResty技能图谱 关注公众号电商程序员,回复OpenResty技能图谱,获取下载链接!

java swing游戏_Java Swing井字游戏

java swing游戏大家好! 哇,自从我在这里发布了东西以来已经有一段时间了! 我必须说我真的很想写东西,我保证我不会再陷入“作家的障碍”。 希望 ..最近两个月发生了很多事情,我有很多话要说。 但是在这篇文章中&#x…

恭喜孙叫兽在CSDN年度之“战”中脱颖而出——喜提一等奖(小米手环+定制勋章)

导读:在这个多灾多难又充满惊喜注定不平凡的2020年,大家一起与CSDN共同跨过了艰难的疫情,共同经历烦躁的远程办公,一起为科比的逝世而难过,共同度过2020那所谓世界末日,充满青春,充满活力&#…

Block(Closure) Tips

使用 Block 的时候谨记以下几点: 1.Block类型:全局块(Global Block)和堆块(Heap Block),以及栈块(Stack Block)。2.变量捕获: 默认无法修改变量,需要添加 __b…

【APICloud系列|33】通过程序循环数据集合的时候闭包加入imageCache方法

导读:一般实现的两种思路 1、通过程序循环数据集合的时候闭包加入imageCache方法。 2、通过递归数据集合实现 发现都不是我理想的效果,数据集合量较大的时候imageCache处理的时间比不用imageCache展示的时间要慢很多,展示会有明显延迟,最终采取以下方法 还是for循环将html拼…

Linux最危险的几个命令

Linux最危险的几个命令 Linux最危险的几个命令危险命令介绍删除文件和目录命令rmLinux 的 dd 命令mkfs 格式化硬盘分区shutdown> fileMore Linux最危险的几个命令 仅个人想法,会持续不间断更新和改进。 Linux系统中的命令最美妙也最危险。 如果几个操作系统&…

Java无处不在:使用DukeScript在任何地方运行一次编写

在相当长一段时间内,Java都未能兑现“一次编写,随处运行”的承诺。 DukeScript希望通过在跨平台应用程序中实现视图和逻辑的清晰分离来改变这种状况。 在本文中,一个简单的场景用于介绍DukeScript的基础。 多年来,Java Swing使开…

数据仓库建设中的数据建模方法(转)

简介: 本文的主要内容不是介绍现有的比较流行的主要行业的一些数据模型,而是将笔者在数据仓库建设项目中的一些经验,在这里分享给大家。希望帮助大家在数据仓库项目建设中总结出一套能够合乎目前业界规范的,满足大部分行业数据仓库…

PAT 1065 A+B and C (64bit) (20)

1065. AB and C (64bit) (20) 时间限制 100 ms内存限制 65536 kB代码长度限制 16000 B判题程序 Standard作者 HOU, QimingGiven three integers A, B and C in [-263, 263], you are supposed to tell whether AB > C. Input Specification: The first line of the input gi…

十大有用但又偏执的Java编程技术

经过一段时间的编码(以我为例,大约20年左右,当您玩得开心时光飞逝),人们开始接受这些习惯。 因为,你知道... 任何可能出错的事情都会发生。 这就是为什么人们会采用“防御性编程”的原因,即偏执…

NGUI 3.5教程(二)Label 标签 (Hello world)、多行文本

写在前面: 本文将创建NGUI的第一个样例。依照编程传统,第一个样例,就是做一个Hello world 显示出来。NGUI。我们用Label来实现 。欢迎大家纠错、拍砖!原创非常辛苦,如有转载,请注明出处:htt…

linux下php可以实现哪些功能,基于Linux的远程管理系统的设计与实现(PHP)

基于Linux的远程管理系统的设计与实现(PHP)来源:2BYSJ.cn 资料编号:2SJ260700 资料等级:★★★★★ %D7%CA%C1%CF%B1%E0%BA%C5%A3%BA2SJ260700以下是资料介绍,如需要完整的请充值下载. 本资料已审核过,确保内容和网页里介绍一致. 密 惠1.无需…