社区
Ajax
帖子详情
求助 ztree怎么做动态树形
better6677
2017-07-29 01:39:57
要求父节点与子节点都从数据库中取出来 树形随数据库数据变化而变化,点击父节点的时候会加载子节点出来 这样子该怎么做啊
最好有源码看一下 已经纠结了很多天了 各位大神快来帮帮我这个小白吧 感激不尽
...全文
402
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; }
Go 旅城通票
2017-07-29
打赏
举报
回复
官网不是有示例 http://www.treejs.cn/v3/demo/cn/core/async_fun.html
ztree
插件实现
树形
控件
在javascript的辅助下,利用
ztree
插件实现
树形
控件,完成类型
树形
结构形式
Ztree
+treeTable实现 Java实现
树形
菜单
树形
表格
Ztree
+treeTable实现 Java实现
树形
菜单
树形
表格 有丰富的实例 和官方开发文档,也有官方api 不懂的可以查询官方api,实现很简单,按照实例
做
就可以
使用
zTree
框架完成
树形
框架链接到数据库实现增删改
使用了
zTree
框架,完成
树形
结构。实现增删改,链接到底层数据库
结合
ztree
的下拉框
树形
结构数据多选,单选
结合
ztree
制作的下拉框,数据多级显示,通过配置实现多选或单选,数据可以是固定数据或ajax
动态
加载
ztree
动态
加载树剧(
树形
结构)
ztree
动态
加载树剧(
树形
结构)
Ajax
52,797
社区成员
25,305
社区内容
发帖
与我相关
我的任务
Ajax
Web 开发 Ajax
复制链接
扫一扫
分享
社区描述
Web 开发 Ajax
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章