Ztree 树的初始化、获取当前节点、刷新节点

最新推荐文章于 2024-08-21 16:19:19 发布
最新推荐文章于 2024-08-21 16:19:19 发布
阅读量4.5k 收藏 3
点赞数
分类专栏： Ztree 文章标签： Ztree js JQ
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42933886/article/details/88851377
版权
本文介绍了Ztree的初始化方法，包括$.fn.zTree.init()的使用，以及如何获取当前选中节点、刷新节点和异步加载子节点的操作。重点讲述了刷新节点、父节点以及异步加载时的不同设置。
摘要由CSDN通过智能技术生成

1、$.fn.zTree.init(obj,zSetting,zNodes)zTree的初始化方法，创建zTree必须使用此方法

var setting = {
   
			view: {
   
				selectedMulti: false
			},
			data : {
   
				simpleData : {
   
					enable : true,// 是否之用简单数据
					idKey : 'ID', // 对应json数据中的ID
					pIdKey : 'PARENT_ID', // 对应json数据中的父ID
					rootPId : "0"
				},
				key : {
   
					title : "NAME",
					name : "NAME",
					isParent : "CHILDCNT"
				}
			},
			async:{
   
				enable:true,
				type: "post",
				dataType: "json",
				url:path+'/rest/baseorgMaintain/queryTreeNode',
				autoParam:["ID=parentId","NAME"],
				contentType:"application/x-www-form-urlencoded;charset=utf-8",
				dataFilter: function(treeId, parentNode,<
最低0.47元/天 解锁文章
善亦有道
关注
专栏目录
zTree 初始化
18岁的骚年
06-29 3880
HTML : 载入css/js: &lt;script type="text/javascript" src="${basePath}/admin/zTree/js/jquery.ztree.all.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="${basePath}/admin/zTree/css/zTreeStyle/zTr.
Ztree 局部刷新功能 （VS2022+Mysql 8.0.22）
qq_35634771的博客
01-03 659
使用Ztree 刷新局部节点
zTree 异步加载实现 点击加载
最新发布
YP~杨小西
08-21 213
效果图如下 每级最多显示5000条数据，点击加载 会再次加载5000条数据。可以监听滚动条 动态加载 我这没实现这种方式。
zTree 初始化方法使用
weixin_34082695的博客
04-19 712
zTree 初始化方法，创建 zTree 必须使用此方法1、页面需要进行 W3C 申明，例如：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。2、需要首先加载 jq...
ztree初始化及获取选中节点的id数组（简单粗暴）
momDIY的博客
03-20 4805
一、初始化ztree列表 使用$.fn.zTree.init()方法初始化 第一个参数为生成ztree的节点 第二个参数为ztree配置项 第三个参数为生成节点的数据 let zTreeObj; let setting = { check: { enable: true }, view: { ...
asp.net 树形控件 $.fn.zTree.init
weixin_30558305的博客
07-14 357
在网页中通过jquery脚本来构筑树形控件将是一个不错的选择，比如有一个文本框，当鼠标点击的时候，像弹出一个下拉框一样弹出一个树形控件，这似乎是一个不错的控制。下面主要讲讲这种树形控件的实现。为了能使用这种控件，需要中网上下载这个控件的脚本，然后引用到页面中 <script src="/Scripts/jquery.ztree.core-3.5.js"></script&g...
ztree初始化树
ernesto的博客
08-08 508
ztree初始化树 1、引入js和css 2、编写html 3、准备初始化参数和数据 var settingDivs = {data: {simpleData: {enable: true},key: {isHidden: “hidden”}}, check: {enable: true,chkboxType:{...
zTree实现节点修改的实时刷新功能
08-31
refreshParentNode()函数用于刷新当前选择节点的父节点，首先获取当前被选中的节点数据集合，然后根据zTree的唯一标识tId快速获取节点JSON数据对象，最后选中指定节点并刷新其父节点。 3、涉及的方法详解 zTree...
jQuery插件zTree实现的基本树与节点获取操作示例
10-20
在zTree初始化之后，可以通过各种API来操作zTree和节点。例如，文章中展示了如何获取选中节点的id和name属性，并通过alert弹窗显示这些信息。这通过调用$.fn.zTree.getZTreeObj()函数获取到树对象，然后调用...
js树插件zTree获取所有选中节点数据的方法
10-24
这个例子在页面加载完成后初始化zTree，然后在用户选择节点时，通过`onCheck`回调获取并打印选中节点的数据。 总结来说，js树插件zTree提供了一种方便的方式来管理和操作树形数据，而获取选中节点数据则是其核心...
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
10-20
在文档加载完成后，通过`$.fn.zTree.init()`方法初始化zTree，将`$("#baseTree")`选择器对应元素作为树的容器，并传入`setting`和`zNodes`作为参数。这样，zTree就会根据配置和数据创建出可视化的树结构。 要获取...
.fn.ztree.init java,fn.ztree.init api
weixin_42290401的博客
03-12 418
你说的是 addNodes 方法新添加的节点会保持展开吗？？ 按道理真不应该哟， 请看看 最简单的前两个 Demo， 你可以自行修改 open 属性试试看######引用来自“zTree”的答案你说的是 addNodes 方法新添加的节点会保持展开吗？？ 按道理真不应该哟， 请看看 最简单的前两个 Demo， 你可以自行修改 open 属性试试看demo里我知道是没问题的。。。整个ztree需要的...
教你用ajax来初始化一个zTree
老杨的专栏
07-13 9176
先建立一个简单的web页面（仅仅表达主要的意思）：   再来个js文件： var treeNodes; function getJson(){ $.ajax({ url : 'http://localhost:8080/Tree/ZTreeAction.action', type : 'ajax', dataType : 'json', timeout : 1000, erro
react实现对ztree的初始化
q1054007919的博客
02-17 539
import React, {Component} from 'react'; import '../../../static/scss/manager/resourceManagerComponent/atlasManagementComponent.scss' import $ from '../../common/tool/jquery-vendor' import 'ztree' import 'ztree/js/jquery.ztree.core.min' import 'ztree/js/jq.
jquery zTree初始化及异步加载
紫水木鱼的博客
05-29 1645
下面是使用zTree异步加载的一个例子： 1）初始化树的时候是ajax请求，返回nodes(树的节点)列表来初始化树的；如果一开始就异步的话，$.fn.zTree.init(.fn.zTree.init(.fn.zTree.init(("#zTree"),setting, data)第三个参数为null就行； 以下面这个Node的例子举个栗子: var nodes = [ { 'id': 1...
zTree用法
热门推荐
罗汉松驻扎的工作基地
11-21 1万+
声明：笔者刚刚当程序员，有误请包涵 zTree树形结构前端控件 官网 http://www.ztree.me/v3/main.php#_zTreeInfo 这是个非常灵活的树形控件，有很多款式，非常好用 如图1 使用这个控件有以下步骤： 第一，到官网上下载插件，放到你的工程里面 如图2 第二，在页面中引入了js和css之后就可以写代码了， 我把最简单的
ztree的使用1----ztree初始化及右键菜单
跃笔书辉
04-14 512
1:引入样式及类库 &lt;link rel="stylesheet"       href="${ctx}/resources/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css"&gt;&lt;!-- jquery ztree --&gt;&lt;script src="${ctx}/resources/ztree/js/jquery..
Ztree树形菜单实现动态初始化、添加、删除、修改节点
蒙蒙宝贝
04-15 4219
Ztree树形菜单实现动态初始化、添加、删除、修改节点
jQuery树形控件zTree的使用
笑话的专栏
09-09 1万+
1 zTree的基本使用 1.0 zTree的创建 在页面中添加对zTree的js及css引用，由于zTree基于JQuery，JQuery的引用是必须的。  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
利用jQuery ZTree 实现后台Action加载树节点的JSON数据
在初始化完成后，ZTree将根据提供的数据填充和渲染树形结构，可能还需要对节点进行进一步的扩展，比如添加自定义属性或者图标，以及事件监听等。 总结来说，这篇文章讲解了如何使用jQuery ZTree与后端Action交互，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值