社区
Ajax
帖子详情
求助 ztree怎么做动态树形
better6677
2017-07-29 01:39:57
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊
最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
...全文
429
2
打赏
收藏
求助 ztree怎么做动态树形
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊 最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
.js与win标准控件treeview、HTMLayout
树形
框等优缺点的比较...
在开发类似"音速启动"的桌面快捷方式管理软件简码"万能助手"的早期规划中,曾经考虑过几种
树形
框方案:
ztree
.js、win标准控件treeview、HTMLayout的
树形
框、其它js写的
树形
框 它们各有各的优点,各有各的缺点,经过比较,最终我还是选择了
ztree
.js,下面是个人比较片面的比较: 1.
ztree
.js 优点:功能强大,基于jq,可以进行拖拽等操作,可以保存为J...
前端控件选型
这里写目录标题目录二级目录三级目录场景分析平台选型参考资料和推荐阅读 目录 二级目录 三级目录 Special value is greater than general value. talk is cheap, show me the code,make a better result. 场景分析 我们取对应的常见的场景
做
分析。一般说来常见的组件有
树形
结构,表格结构,以及常见的控件结构,文本框,按钮等。 以及组合结构等。 平台选型 1.树结构选型: 项目
ztree
wintree HTM
webmagic采集CSDN的Java_WebDevelop页面
使用webmagic采集博客类的网站示例
临时工访谈:恶意裁员后,一个国产数据库企业程序员的心声
开头还是介绍一下群,如果感兴趣PolarDB ,MongoDB ,MySQL ,PostgreSQL ,Redis, Oceanbase, Sql Server等有问题,有需求都可以加群群内有各大数据库行业大咖,可以解决你的问题。加群请联系 liuaustin3 ,(共2250人左右 1 + 2 + 3 + 4 +5 + 6) 新人奖直接分配到5群,开始建6群,另欢迎 OpenGauss 的技术...
软件测试和质量保证行业技术趋势分析.pptx
软件测试和质量保证行业技术趋势分析.pptx
Ajax
52,792
社区成员
25,335
社区内容
发帖
与我相关
我的任务
Ajax
Web 开发 Ajax
复制链接
扫一扫
分享
社区描述
Web 开发 Ajax
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章