求助 ztree怎么做动态树形

better6677 2017-07-29 01:39:57
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊
最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
...全文
402 2 打赏 收藏 转发到动态 举报
写回复
用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; }
Go 旅城通票 2017-07-29
  • 打赏
  • 举报
回复
官网不是有示例 http://www.treejs.cn/v3/demo/cn/core/async_fun.html

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧