Jquery zTree树控件的异步加载操作

ZTree是JQuery的核心代码，实现了一套可以完成大部分常用功能的Tree插件。

兼容IE、FireFox、Chrome等浏览器。它可以在一个页面中同时生成多个Tree实例，支持JSON数据，支持一次性静态生成和Ajax异步加载，支持多个事件响应和反馈，支持节点移动、编辑和删除树，支持任意皮肤替换/个性化图标(依靠css)支持极其灵活的复选框或单选，参数配置简单，功能灵活。

异步加载意味着：当你点击扩展树节点时，你只会请求后台操作返回被点击节点的子节点数据并加载。

主要设计了ztree设置变量的异步属性设置：

var setting={ async : { enable : true，url3360 initserviceipsdata。action，autoparam3360 [id，name]，datafilter3360filter}，当您单击扩展树的节点时，您将请求url指定的操作来获取子节点数据，然后将其绑定到ztree。

注意这里的后台操作返回JSON字符串，而ztree绑定新节点数据，只接收数组，所以需要在绑定前使用filter函数进行数据清理和转换，将字符串转换为数组：

//异步加载functionfilter时筛选返回的数据(treeid，parentnode，childnodes) {if(！childNodes)返回nullchild nodes=eval((child nodes))；//必须转换为[{id:103，pid33601，name: '子节点3 ' }]；格式返回子节点；}这样，当您单击展开ztree树节点时，您将请求操作来获取子节点数据并将其绑定。

以下是后台操作的实现：

public String InitServiceIpsData(){ httpersvletrequest request=servletactioncontext . getrequest()；string id=request . GetParameter(id)；字符串名称=request.getParameter(名称)；System.out.println(请求获取名称的ip列表)；Listhashmapstring，对象列表=new ArrayListhashmapstring，object()；for(int I=1；I=2；i ){ HashMapstring，object hm=new HashMapstring，object()；hm.put(id，id 0i)；hm.put(pId，id)；hm.put(name，name _ IP _ I)；hm.put(isParent，false)；list . add(hm)；} JSON array final JSON=JSON array . FromObject(列表)；this . initserviceipsdata=finaljson . tostring()；返回SUCCESS}/string，object/string，object/hashmapstring，object/hashmapstring，object有关ztree控件的更多信息，请参考专题《jQuery插件ztree使用汇总》。

以上就是实现Jquery zTree树控件异步加载操作的详细步骤，希望对大家的学习有所帮助。