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的表字段附上
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
今天小编就为大家分享一篇layui清空,重置表单数据的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js实现弹框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
VS2008中使用JavaScript调用WebServices
这篇文章主要介绍了VS2008中使用JavaScript调用WebServices,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了js实现登录拖拽窗口，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了JavaScript全屏和退出全屏事件,先通过window.ieIsfSceen = false或true进行判断是否为全屏，在进行进入全屏和退出全屏的操作,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了BootStrap3中模态对话框的使用的相关资料,需要的朋友可以参考下2017-01-01
可以支持多中格式的JS键盘...2007-05-05
这篇文章主要介绍了js如何获取ajax的返回值,需要的朋友可以参考下2014-04-04
这篇文章主要为大家详细介绍了javascript实现点击文本框显示日期选择器特效，提高了工作效率，推荐给大家，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
这篇文章主要给大家简单介绍了JavaScript声明变量名的语法规则，非常有助于大家学习javascript，有需要的小伙伴可以参考下。2015-07-07
最新评论