关于JqueryzTree树控件异步加载操作

来源：动视网责编：小采时间：2020-11-27 19:35:13

关于JqueryzTree树控件异步加载操作

关于JqueryzTree树控件异步加载操作:这篇文章主要介绍了Jquery zTree 树控件异步加载操作，学习Jquery zTree异步加载，zTree实现一套能完成大部分常用功能的 Tree插件，感兴趣的小伙伴们可以参考一下zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件兼容 IE

推荐度：

点击下载本文 文档为doc格式

导读关于JqueryzTree树控件异步加载操作:这篇文章主要介绍了Jquery zTree 树控件异步加载操作，学习Jquery zTree异步加载，zTree实现一套能完成大部分常用功能的 Tree插件，感兴趣的小伙伴们可以参考一下zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件兼容 IE

这篇文章主要介绍了Jquery zTree 树控件异步加载操作，学习Jquery zTree异步加载，zTree实现一套能完成大部分常用功能的 Tree插件，感兴趣的小伙伴们可以参考一下

zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件

兼容 IE、FireFox、Chrome 等浏览器

在一个页面内可同时生成多个 Tree 实例

支持 JSON 数据

支持一次性静态生成和 Ajax 异步加载两种方式

支持多种事件响应及反馈

支持 Tree 的节点移动、编辑、删除

支持任意更换皮肤 / 个性化图标（依靠css）

支持极其灵活的 checkbox 或 radio 选择功能

简单的参数配置实现灵活多变的功能

异步加载的意思就是：当点击展开树节点时，才去请求后台action返回点击节点的子节点数据并加载。

这里面主要设计ztree的setting变量的async属性设置：

var setting = {
 async: {
 enable: true,
 url:InitServiceIpsData.action,
 autoParam:[id, name],
 dataFilter: filter 
 },

当点击展开树节点时，会请求url指定的action获取子节点数据，然后绑定到ztree上。

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

//过滤异步加载ztree时返回的数据 
 function filter(treeId, parentNode, childNodes) {
 if (!childNodes) 
 return null; 
 childNodes = eval((+childNodes+)); //必须转换为[{id:103,pId:1,name:'子节点3'}];这样的格式 
 return childNodes;
 }

这样点击展开ztree树节点时，就会请求action获取子节点数据并绑定了。

下面是后台action的一个实现：

public String InitServiceIpsData()
 {
 HttpServletRequest request = ServletActionContext.getRequest();
 String id = request.getParameter(id);
 String name = request.getParameter(name);
 System.out.println(请求获取+name+的ip列表);
 
 List<hashmap<string,object>> list = new ArrayList<hashmap<string,object>>(); 
 for(int i = 1; i <= 2; i++){ 
 HashMap<string,object> hm = new HashMap<string,object>(); 
 hm.put(id, id + 0 + i);
 hm.put(pId, id);
 hm.put(name, name + _IP_ + i);
 hm.put(isParent, false);
 list.add(hm);
 } 
 
 JSONArray finalJson = JSONArray.fromObject(list);
 this.initServiceIpsData = finalJson.toString();
 return SUCCESS;
 }</string,object></string,object></hashmap<string,object></hashmap<string,object>

关于JqueryzTree树控件异步加载操作

推荐度：

点击下载本文 文档为doc格式

标签：异步加载 ztree jQuery

热门焦点

关于JqueryzTree树控件异步加载操作

关于JqueryzTree树控件异步加载操作

关于JqueryzTree树控件异步加载操作

最新推荐

猜你喜欢

热门推荐