zTreev3.5.17 ,使用简单 Array 格式的数据展示失败,菜鸟跪求
ztree吧
全部回复
仅看楼主
level 4
sunrise52java 楼主
页面内容如下:
<SCRIPT type="text/javascript">
var setting = {
data: {
simpleData: {
enable: true,
idKey: "id",
pIdKey: "parentId",
rootPId: null
}
}
};
var zNodeJson = ${treeJson};
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting, zNodeJson);
});
</SCRIPT>
</head>
<body>
<div class="content_wrap">
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
</div>
</body>
简单数据treeJson如下:
[{"brandId":"2011MK","id":"91206","linkId":"91206.swf","name":"说明","parentId":"CHRaa01dc18d8aa100489a8b47a3a606445"},
{"brandId":"2011MK","id":"CHRaa01dc18d8aa100489a8b47a3a606445","linkId":"","name":"说明","parentId":"CHRaa01dc18d8aa100489a4b47a3a606445"},
{"brandId":"2011MK","id":"CHRaa01dc18d8aa100489a4b47a3a606445","linkId":"","name":"国际车辆控制及显示符号","parentId":"CHRaa01dc18d8aa100489a3b47a3a606445"},
...]
根节点有20个,"parentId":"" 。
小女查看过API,里面的demo只有一个根节点。这里我把rootPId: null 或者“” 都不可行。
请帮忙看一下,是什么问题,万分感激。
2015年03月01日 08点03分 1
level 4
sunrise52java 楼主
@zTreeAPI 请大虾帮帮忙
2015年03月01日 08点03分 2
level 4
sunrise52java 楼主
我已经解决问题了。是我特别粗心大意。
把我的情况贴上了,希望对跟我一样不仔细的菜鸟有帮助。
1、拼写的JSON数据,若属性对应的值中有双引号,在拼写的过程中,要进行处理。否则双引号保留在值里面,会造成页面解析错误,从而树就显示不出来了。
例如:正确显示: name:"P0100-空气流量传感器 'A' " ,其实在数据库里面,对应的name存放的数据为:P0100-空气流量传感器 "A",在拼写JSON数据的时候,我没有察觉,没有进行处理,所以页面上总是显示不了。错误显示: name:"P0100-空气流量传感器 "A" " 。
注意事项:
1、idKey / pIdKey / rootPId 这三个参数名称不能写错;
2、在调试过程中,我以为拼接的属性名称不应该加双引号,所以,后续拼接的JSON的属性名称是没有双引号的。这个测试成功。不知道有双引号会不会成功。
2015年03月02日 03点03分 3
[大拇指] 补充一下: json 标准格式 key 是必须要用 双引号 包上的!
2015年03月12日 13点03分
level 1
借楼,
lz
我也碰到了这个问题,第一次使用zTree,听说很强大好用,完全看的官网api,碰到和你一样的问题。
结果是这样的
lz是怎么解决的?帮个忙谢谢
2016年04月06日 02点04分 4
是我太粗心了,把pId写成了pid,
2016年04月06日 02点04分
回复
恋旧患者
:不好意思,好久没注意百度消息,问题解决了就行[呵呵]
2016年05月06日 07点05分
level 7
多来逛逛,可以学到不少东西
2016年05月23日 22点05分 5
level 2
楼主,楼主,在不在,快快现身,求问 使用ztree,如何动态加载,菜单树 子节点呀 。
2017年10月17日 01点10分 6
level 2
通过el表达式拿到的 后台值, eval('${treeJson}'); 这样之后试试可以吗?
2017年10月17日 01点10分 7
1