zTree樹形插件異步加載方法詳解

2019-11-19 16:20:15

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了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的表字段附上