作者：zTree | 时间：2013-4-11 14:25:58 | [小  大] | 来源：zTree | 

阅读：22741 | 

  ： 0 |  收藏 zTree，Json，数据，undefined，树，节点   [摘要]： 前台页面设置如下： <script type="text/javascript"> function onClick(event, treeDemo, zNodes) { if(!zNodes.isParent){ alert( zNodes.id+"***"+zNodes.name); } }; var setting = { dataType:"json", callback: { onClick: onClick }, async: { dataFilter: function (zNodes) { eval(zNodes);/////// alert( eval(zNodes)); ...

前台页面设置如下：

<script type="text/javascript"> function onClick(event, treeDemo, zNodes) { if(!zNodes.isParent){ alert( zNodes.id+"***"+zNodes.name); } }; var setting = { dataType:"json", callback: { onClick: onClick }, async: { dataFilter: function (zNodes) { eval(zNodes);/////// alert( eval(zNodes)); return nodes.children;//////// } } }; var zNodes; var str = <%=request.getAttribute("str").toString()%>; zNodes = str; $(document).ready(function(){ setting.async. dataFilter; $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); </script>

返回的json数据如下：

[{"children":[{"children":[{"children":[],"open":true,"orgId":4,"orgName":"分1部门1"},{"children":[],"open":true,"orgId":5,"orgName":"分1部门2"}],"open":true,"orgId":2,"orgName":"分1"},{"children":[{"children":[],"open":true,"orgId":6,"orgName":"分2部门1"},{"children":[],"open":true,"orgId":7,"orgName":"分2部门3"}],"open":true,"orgId":3,"orgName":"分2"},{"children":[],"open":true,"orgId":8,"orgName":"分3"},{"children":[{"children":[],"open":true,"orgId":12,"orgName":"分3部门1"}],"open":true,"orgId":9,"orgName":"分3"},{"children":[{"children":[],"open":true,"orgId":11,"orgName":"分4部门1"}],"open":true,"orgId":10,"orgName":"分4"},{"children":[{"children":[],"open":true,"orgId":14,"orgName":"分5部门1"}],"open":true,"orgId":13,"orgName":"分5"},{"children":[],"open":true,"orgId":15,"orgName":"分6"}],"open":true,"orgId":1,"orgName":"总公司"}]

解决办法：

1、将返回的json串内的orgId替换为id，将orgName替换为name；

2、如果有子父关系的，可以通过设置pId来达到展现层级的目的；

原因分析：

因为zTree要显示一棵树的前提条件就是要满足其id和name属性，要不就不会显示出正确的树。zTree没那么智能，能够非常人性化地识别你json内的层级关系的。

zTree，Json，数据，undefined，树，节点    本文为原创型文章转载请尊重他人劳动成果并注明出处：?421  可以扫描本站该博客文章的QR二维码进行访问  

上一篇：关于如何自定义fusioncharts图表右键菜单的种种变态问题汇总

下一篇：合理利用jQuery完美解决iframe嵌入页面包含datagrid动态内容的高度自适应问题

加精 43 踩扁 0

 查看评论

 暂无任何评论

 关联阅读

01 EasyUI DataGrid 如何判断数据加载完成？

02 ECharts图表中级入门之itemStyle：如何让数据点的数据值非常直观地显示以及位置控制

03 highcharts图表入门之stackLabels：堆叠图(stacking)中如何显示每一组数据的总数于柱子之上

04 ExtJs如何获取grid当前列表的行数以及获取当前列表的每一行数据

05 ECharts图表组件入门教程：如何动态读取数组内的数据至echarts图表且动态更新图表Y轴刻度单位

06 asp.net+Ajax如何实现Highcharts图表组件支持大数据（上万个数据点)

07 highcharts入门之tooltip：如何设置数据点不显示数据提示框且显示十字丝crosshairs

08 ECharts图表中级入门之dataZoom：图表数据过多如何开启滚动条效果（图表数据区域缩放）

09 highcharts入门之series：针对双Y轴图表需要重点关注yAxis属性定位数据所属Y轴

10 highcharts图表常见问题：关于如何设置数据点起始位置为坐标原点的问题分析与总结篇（独家爆料）

11 highcharts图表中级入门之formatter：如何配置formatter格式化函数灵活应对是否共享(shared)数据提示tooltip