zTree示例

来源：互联网发布：java web 线程编辑：程序博客网时间：2024/06/06 09:13

ZTree下载地址包含示例

http://www.ztree.me/v3/main.php#_zTreeInfo

<div style="width: 300px;height: 300px;border:dashed 1px;"><ul id="treeDemo" class="ztree"></ul></div>

<script type="text/javascript">var treeNodes=null;var spath="${pageContext.request.contextPath}";var setting = {async:{enable: true,//异步处理type:"post",dataType:"text",url: spath+"/MethodServlet?method=tree",//异步获取json格式数据的路径dataFilter:onLabelFun},data:{view: {dblClickExpand: true,showLine: false,showTitle:true  },    simpleData:{    enable: true,    idKey:"fCode",                      pIdKey:"fParent",        rootPId: ""    }},                  callback: {              onClick: function(treeId, treeNode) {                  var treeObj = $.fn.zTree.getZTreeObj(treeNode);                  var selectedNode = treeObj.getSelectedNodes()[0];                  //alert(selectedNode.fCode);              }          }  };$(function(){$.fn.zTree.init($("#treeDemo"), setting, treeNodes);SelectNode();});function SelectNode() {var treeObj = $.fn.zTree.getZTreeObj("treeDemo");var treenode = treeObj.getNodeByParam("fCode", "1.1.1", null);treeObj.expandNode(treenode, true, true, true);treeObj.selectNode(treenode);}function onLabelFun(treeId, parentNode, responseData){ if (responseData) { for(var i =0; i < responseData.length; i++) { responseData[i].name=responseData[i].fCode+"-"+responseData[i].name; if(responseData[i].fCode=="1.1.1"){ responseData[i].icon="${pageContext.request.contextPath}/ztreeStyle/img/diy/5.png"; } } } return responseData;}

Servlet代码

doPost代码JSONArray json=JSONArray.fromObject(getTree());out.print(json.toString());

public ArrayList<HashMap<String, Object>> getTree(){HashMap<String, Object> map=null;ArrayList<HashMap<String, Object>> lists=new ArrayList<HashMap<String,Object>>();map=new HashMap<String, Object>();map.put("fCode", "1");map.put("name", "节点1");map.put("fParent", "");map.put("open", true);map.put("page", "grid.jsp");lists.add(map);map=new HashMap<String, Object>();map.put("fCode", "1.1");map.put("name", "节点1.1");map.put("fParent", "1");map.put("page", "zTree.jsp");lists.add(map);map=new HashMap<String, Object>();map.put("fCode", "1.2");map.put("name", "节点1.2");map.put("fParent", "1");map.put("page", "zTree.jsp");lists.add(map);map=new HashMap<String, Object>();map.put("fCode", "1.1.1");map.put("name", "节点1.1.1");map.put("fParent", "1.1");lists.add(map);return lists;}

0 0