树形列表 jqtree数据使用

最新推荐文章于 2024-08-24 07:37:50 发布

转载最新推荐文章于 2024-08-24 07:37:50 发布 · 185 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sunbingzibo/p/3455389.html

文章标签：

#json

本文介绍如何使用jqTree插件，并详细记录了通过data-url方式从远程加载JSON数据的过程及注意事项。解析了返回数据的格式要求，并给出了正确的JSON结构示例。

jqtree调试笔记

用的是data-url的方式从远程加载的数据
返回的数据格式须要是json,当然也可以使用text模式,
但是恐怕要自己写格式的解析了

其中返回数据的时候,是在这个函数的末尾
_loadDataFromUrl
是这样的一段代码
return $.ajax({
url: url_info.url,
data: url_info.data,
type: url_info.method.toUpperCase(),
cache: false,
dataType: 'json',
success: function(response) {

然后取得数据没有格式上的错误后(json格式错误),进入
_loadData这个函数,来进行解析
如是没有父节点,那么使用这个函数来进行构造
this.tree.loadFromData(data);
所以url返回的数据应是这样的格式
[{"label":"Saurischia","id":"1",
"children":[{"label": "apple", "id":"2","children":
[{"label": "orange", "id":"3"}]}
]},
{"label":"Ornithischians","id":"23"}]