jsTree动态加载子节点（lazy loading）

最新推荐文章于 2024-08-14 10:51:33 发布

Rivers.U

最新推荐文章于 2024-08-14 10:51:33 发布

阅读量1.1w

点赞数 2

分类专栏： jQuery

本文链接：https://blog.csdn.net/you8626/article/details/46544297

版权

本文介绍了如何在jsTree中实现动态加载子节点功能。已具备从服务器获取JSON数据初始化jsTree的基础。通过设置json数据中children属性为true或false，控制树节点是否触发请求加载子节点。当children为true，点击节点会发起请求；为false则视为叶子节点。

摘要由CSDN通过智能技术生成

该文前提：已经实现从服务器获取json数据初始化jsTree这一步。

js中初始化jstree

$('#contact-org').jstree({
	                "data" : {
	                    "dataType": 'json',
	                    "url":function(node){
	                    	return ctxPath + "/v-contact?queryOrg";
	                    },
	                    "data":function(node){
	                        return {"id" : node.id};
	                    }
	                }
	            }
}

返回的json数据，对应用于树节点的数据结构：

 {  
	"attr" : {"id":"标示 "},
	"data" :{"title": " 显示的标题 "
　　　　       ,"attr":{"href" :"可以自定义一些值，在UI 解析"
　　          　              ,"class": "jstree-search"//可以预先在后台给节点设置样式
				}
          　 　　,"icon":" 图标的地址  "