Jquery树控件ZTree异步加载
2016-12-10 15:49
260 查看
异步加载的意思就是: 当点击展开树节点时,才去请求后台action返回点击节点的子节点数据并加载。
这里面主要设计ztree的setting变量的async属性设置:
当点击展开树节点时,会请求url指定的action获取子节点数据,然后绑定到ztree上。
注意这里后台action返回的是JSON字符串,而ztree绑定新的节点数据只接收数组,所以需要在绑定前用filter函数进行数据清洗转换操作,将字符串转换为数组:
这样点击展开ztree树节点时,就会请求action获取子节点数据并绑定了。
下面是后台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树节点时,就会请求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; }
相关文章推荐
- Jquery zTree 树控件异步加载操作
- Jquery zTree 树控件异步加载操作
- Jquery树控件ZTree异步加载
- Jquery zTree结合Asp.net实现异步加载数据
- ztree插件的使用及列表项拖拽的实现(jQuery)+异步加载节点数据
- jQuery使用zTree插件实现树形菜单和异步加载
- jQuery zTree 异步加载添加子节点重复问题
- jQuery树形菜单,使用zTree插件,异步加载 & 编辑功能&Check 共存
- jQuery使用zTree插件实现树形菜单和异步加载
- Jquery树控件ZTree异步加载
- IT忍者神龟之jquery zTree异步加载简单实例
- asp.net 异步动态加载控件
- 微软treeview控件异步加载实现方式
- JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid-asp.net原生的异步表格控件登录 开源中国
- JQuery加载外部文件的方式get、post、ajax、load的区别及异步加载的实现
- 用JQuery异步加载PartialView
- Jquery异步加载页面(load)
- 用JQuery异步加载PartialView
- jquery easyui Create Async Tree (异步加载目录树)
- 用JQuery异步加载PartialView