在使用zTree过程中,突然发现他的idkey跟pid必须指定一个单纯的主外键,而不能使用对象解析来绘制树(如:parentModule.id),于是查看了源码,经过改装之后支持了对象关联的遍历,特此做下记录,希望对遇到同样问题的朋友有所帮助。
注意:此种做法针对于ztree3.5版本的。
首先打开ztree的核心源码。jquery.ztree.core-3.5.js找到594行起,修改成如下,然后setting中的data的pidkey写parentModule.id即可
for (i=0, l=sNodes.length; i<l; i++) {
if(parentKey.indexOf('.')!=-1){
var parent = sNodes[i];
parent = parseData(parent,parentKey);
if (tmpMap[parent] && sNodes[i][key] != parent) {
if (!tmpMap[parent][childKey])
tmpMap[parent][childKey] = [];
tmpMap[parent][childKey].push(sNodes[i]);
} else {
r.push(sNodes[i]);
}
}else{
if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) {
if (!tmpMap[sNodes[i][parentKey]][childKey])
tmpMap[sNodes[i][parentKey]][childKey] = [];
tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]);
} else {
r.push(sNodes[i]);
}
}
}
分享到:
相关推荐
ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网ztree官网...
ztree3.5中文API文档
ztreeApi中文文档,帮助使用ztree的同学可快速入手ztree
Ztree中英文api
ztree 3.5 中文API帮助文档
idKey: "id", pIdKey: "pId", rootPId: 0 } }, async: { enable: true, url: "login/ztreeT.ashx?t=2&init=tree1&tghy=" + tghy, autoParam: ["id", "pId"] }, callback: {} 如何配置树。
ztree树的中文帮助文档,全面详解,对于小白特别有帮助,需要的欢迎下载,有问题可以随时@张小骆、QQ:136525553
zTree -- jQuery 树插件
ztree脚本、ztree下载、包含ztree文件、ztree的pdf教程、ztree的chm教程
zTree是一个很强大的树形插件,但是在使用过程中少不了遇到一些问题,这里给大家分享一个中文的API(.chm格式的)。
ztree的使用 ztree开发手册 ztree后台代码
ztree使用说明
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器,easyUI1.4与ztree3.5结合开发,ztree帮助文档对初用者很有帮助......
前端框架ztree前端框架ztree
数据库中新建表dept加入id,pid,name字段和数据直接访问项目下的index3.jsp就能用。该项目中还包括用jFreeChart生成统计报表的一些代码。项目中包含完整jar包,只需根据自己需要配置数据库和自己添加测试数据就能用...
zTree组件api,官方可用chm版(zTree api)
最新版的ztree插件源码zTree-zTree_v3.5.17!
SpringMVC传递和返回对象实例以及zTree例子
在vue中使用ztree组件。实现各种树。
实现权限添加与删除功能,详细使用联系我,可以实现前后台完美结合。