zTree树形插件异步加载方法详解
更新时间：2017年06月14日 16:10:40 作者：倾我一生一世念
这篇文章主要为大家详细介绍了zTree树形插件异步加载的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了zTree树形插件异步加载，Struts2框架，供大家参考，具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>异步加载</title>
<link rel="stylesheet"
href="${pageContext.request.contextPath}/zTree_v3-master/css/demo.css">
<link rel="stylesheet"
href="${pageContext.request.contextPath}/zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript"
src="${pageContext.request.contextPath}/jquery-2.1.1.min.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/zTree_v3-master/js/jquery.ztree.core.min.js"></script>
<script type="text/javascript">
var setting = {
async : {
enable : true,
url : "${pageContext.request.contextPath}/ztreeAction!getMenusById.jhtml",
autoParam : [ "id" ],
//dataFilter : filter
},
data : {
key : {
url : "xUrl"
},
simpleData : {
enable : true,
pIdKey : "pid"
}
},
};
$(document).ready(function() {
$.fn.zTree.init($("#treeDemo"), setting);
});
</script>
</head>
<body>
<div class="ztree"
style="width: 20%; height: 500px; padding-top: 10px; float: left; border: 1px solid #FF0000;">
<ul id="treeDemo"></ul>
</div>
</body>
</html>
上面呢，是jsp页面的代码，因为是纯插件测试，可以直接复制过去使用的，
action层代码，可以直接复制使用
public void getMenusById(){
List<Ztree> list=null;
try {
list=ztreeService.getMenusById(ztree);
} catch (Exception e) {
e.printStackTrace();
}
super.writeJson(list);
}
public List<Ztree> getMenusById(Ztree ztree) throws Exception; //接口
//service代码，几本都可以复制使用
package com.jk.service.impl;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;
import com.jk.dao.ZtreeDao;
import com.jk.model.Ztree;
import com.jk.service.ZtreeService;
@Repository("ztreeService")
public class ZtreeServiceImpl implements ZtreeService {
@Autowired
private ZtreeDao ztreeDao;
@Override
public List queryList(Ztree ztree) throws Exception {
String hql=" from Ztree where 1=1 ";
Map<String, Object> params = new HashMap<String, Object>();
//传的对象是否为空，拼接sql+id
if(ztree.getId()!=null){
hql+=" and id = :id ";
params.put("id",ztree.getId());
}
return ztreeDao.queryList(hql, params);
}
//递归查询
@Override
public List<Ztree> getMenusById(Ztree ztree) throws Exception {
String hql=" from Ztree where 1=1 ";
Map<String,Object> params=new HashMap<String,Object>();
if(ztree.getId()==null||ztree.getId().equals("")){
hql+=" and pid is null ";
}else{
hql+= " and pid = :id ";
params.put("id",ztree.getId());
}
List<Ztree> queryZtree = ztreeDao.queryList(hql, params);
List<Ztree> list=new ArrayList<Ztree>();
for(Ztree ztree2:queryZtree){
if(queryBoolean(ztree2)){
ztree2.setIsParent("true");
}
list.add(ztree2);
}
return list;
}
//熟悉递归的朋友应该可以看懂，我就不解释了，我也聊不清楚这个递归，不误导了，代码在这，可以复制进去直接运行，
public boolean queryBoolean(Ztree ztree) throws Exception{
boolean flag=false;
String hql= " from Ztree where pid = :id ";
Map<String,Object> params=new HashMap<String,Object>();
params.put("id", ztree.getId());
List<Ztree> queryZtree = ztreeDao.queryList(hql, params);
if(queryZtree!=null&&queryZtree.size()>0){
flag=true;
}
return flag;
}
}
dao层就不用写了吧，只是一个查询，下面我把ztree的表字段附上
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了微信小程序利用云函数获取手机号码功能，本文通过实例代码给大家讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了js 解析 JSON 数据的方法,结合简单实例形式分析了js 解析 JSON 格式数据的相关操作技巧与注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要给大家介绍了关于如何使用js查找数组中符合条件的元素,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-04-04
javascript 数组排序函数sort和reverse使用介绍
reverse方法将一个Array对象中的元素位置进行反转，sort方法返回一个元素已经进行了排序的 Array 对象，下面为大家介绍下2013-11-11
这篇文章主要介绍了JS操作Fckeditor的一些常用方法，主要包括获取、插入等,需要的朋友可以参考下2020-02-02
下面小编就为大家分享一篇mui back 返回刷新页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要为大家介绍了canvas 2d 环形统计图手写实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了Javascript的无new构建实例详解的相关资料，小编感觉介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-05-05
下面小编就为大家带来一篇判断是否存在子节点的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
Rxjs map, mergeMap 和 switchMap 的区别与联系
这篇文章主要介绍了Rxjs map,mergeMap和switchMap的区别与联系，map、mergeMap和switchMap是RxJS中的三个主要运算符，在SAP Spartacus开发中有着广泛的使用场景2022-07-07
最新评论