社区
Ajax
帖子详情
求助 ztree怎么做动态树形
better6677
2017-07-29 01:39:57
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊
最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
...全文
486
2
打赏
收藏
求助 ztree怎么做动态树形
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊 最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
执意丨
2017-08-03
打赏
举报
回复
/** * ztree 异步加载,每个节点点击后再加载 * @author w * @createTime 2017/5/23 */ function init_ztree(){ var setting = { callback: {// 回调事件 onClick: zTreeOnClick,//需要点击触发其他事件才用 onAsyncSuccess: onAsyncSuccess //这个是加载成功后触发的事件,需要这个事件触发才用 }, async: { enable: true,//设置 zTree 是否开启异步加载模式,默认值:false,若设置为true,需要async中的其他参数 url:"/ASS/loadStorageRoomTree",//Ajax 获取数据的 URL 地址 type:"post",//Ajax的http请求模式,有post和get,默认为post autoParam:["id=id","storageRoomId=storageRoomId","structureId=structureId"],//异步加载时需要自动提交父节点属性的参数(前面那个id作为key值不能修改,后面那个可以修改。当前代码表示将选定节点的ID值作为key的value值传递到后台。)----加载需要传递到后台的数据 这里传的是我自己用的,以这样的格式你传你自己的就ok //otherParam:{"otherParam":""},//Ajax 请求提交的静态参数键值对.可以用Array格式(可以为空[ ],如果有 key,则必须存在 value。 例如:[key, value])、JSON格式(直接用 JSON 格式制作键值对,例如:{ key1:value1, key2:value2 }) contentType:"application/x-www-form-urlencoded",//Ajax 提交参数的数据类型,默认值:"application/x-www-form-urlencoded",满足绝大部分请求,按照标准的 Form 格式提交参数。contentType = "application/json" 可以满足 .Net 的编程需要,按照 JSON 格式提交参数 dataType:"json",//Ajax 获取的数据类型,默认值:"text",可以满足绝大部分请求 dataFilter: filter//用于对 Ajax 返回数据进行预处理的函数,默认值为null }, view: { dblClickExpand: true, showLine: false, selectedMulti: false }, data: { simpleData: { enable: true,//开启简单模式 idKey:"id", pIdKey:"pId", rootPId:0 } } }; $.fn.zTree.init($("#storeTree"), setting);//加载树 } /** * 用于对 Ajax 返回数据进行预处理的函数 * @author w * @createTime 2017/5/23 * @param treeId:对应zTree的treeId,便于用户操控 * @param parentNode:进行异步加载的父节点 JSON 数据对象 * @param childNodes:异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象 */ function filter(treeId, parentNode, childNodes) { if (!childNodes) return null; for (var i=0, l=childNodes.length; i<l; i++) { childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.'); } return childNodes; }
斯洛文尼亚旅游
2017-07-29
打赏
举报
回复
官网不是有示例 http://www.treejs.cn/v3/demo/cn/core/async_fun.html
Ztree
设置权限管理时显示
树形
菜单
本文详述如何在权限分配模块中利用
Ztree
插件
动态
展示
树形
菜单。介绍了设置
Ztree
参数、转换菜单数据为JSON格式、初始化
Ztree
以及处理CSS和JS文件的注意事项。
Java后端与
ZTree
前端库构建
动态
树形
数据加载实战
本文介绍结合Java后端与
ZTree
前端库创建
动态
树形
数据加载示例。阐述
ZTree
核心功能、设计理念,涵盖后端数据处理、JSON数据交互、前端初始化配置等。还介绍异步加载与数据过滤实现
动态
树视图更新,最后提供Java服务端和前端JavaScript实例代码。
Ztree
树形
菜单实现
动态
初始化、添加、删除、修改节点
本文介绍了如何使用
ZTree
实现
动态
初始化
树形
菜单,并展示了添加、删除和修改节点的示例代码。通过控制函数`showRemoveBtn`和`showRenameBtn`来设定根节点的操作权限。在编辑页面,节点修改通过后台代码完成,添加的子节点可进行编辑和删除操作。此外,还提及了`FlowTypeHandler.ashx`代码用于处理获取、添加和删除功能。
【
zTree
系列】
树形
结构
zTree
本文介绍如何使用
zTree
插件创建
树形
结构,并提供了一个具体的实现案例。通过引入必要的JavaScript文件和CSS样式,定义树节点数据结构及配置回调函数,最终在页面上呈现层次分明的
树形
结构。
zTree
树形
插件全面展示与应用
zTree
是基于jQuery的
树形
控件,用于展示层级关系数据。它性能高、灵活性强,支持多种配置选项。本文详细介绍了
zTree
的初始化配置、事件处理、节点操作技巧,以及多选和单选模式,还阐述了其在复杂数据可视化、
动态
数据展示等场景中的应用。
Ajax
52,780
社区成员
25,335
社区内容
发帖
与我相关
我的任务
Ajax
Web 开发 Ajax
复制链接
扫一扫
分享
社区描述
Web 开发 Ajax
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章