使用jQuery zTree插件的简单教程

本文的示例分享了一个关于使用jQuery zTree插件的简单教程，供您参考。具体内容如下

首先，在web开发过程中，需要树插件的地方很多，JQuery就有树插件。这个简单的教程是关于zTree的使用。

官方下载地址

第一步是HTML

ul id=' dept tree ' class=' zTree '/ul步骤2，初始化时zTree需要哪些参数

zTree初始化方法，必须用于创建ZTree

$ . fn . ztree . init($(' # Deptree ')，设置，数据)；init(obj，zSetting，zNodes)；

varsetting={ Data : { simpledata : { enable : true，idkey3360' deptid '，//对应参数中的主键id pidkey3360' parentid '，//对应参数0中的父id rootpid3360根节点的id }，key3360 {URL 33330} Data是请求后台的数据，这里显示的是json数据。注意后台返回的参数节点名称应该使用name属性，因为name属性是默认的，如果没有结果就需要更改，所以需要配置。

[{'deptid' : 1，' parentid' : 0，' name' :' xx technology '，' parentname' : null，' ordernum' : 0 0，' delflag' 3360 0 0，' open' : null，List' : null}，{'Deptid' : 2，' ParentID' : 1，' name' : '长沙分行'，' parent Name ' 333366 {'Deptid' : 4，' ParentID' : 3，' Name ' : ' Technology Department '，' parentName': '上海分公司'，order num ' : 0 0，' delflag ' : 0 0，' open' : null，' list' : null}，{'deptid' : 5，' parentid' : 3，' Name ' 3: '销售部'，parentName ' 333366

$.ajax({ type: 'get '，url: baseURL 'sys/dept/list '，success : function(data){ ztree=$ . fn . ztree . init($(' # dept tree ')，setting，data)；var node=z tree . getnodebyparam(' deptId '，)；});就这样。看效果。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。