當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

一步步用zTree(2)

發(fā)布時間：2025/3/15 编程问答 19 豆豆

生活随笔收集整理的這篇文章主要介紹了一步步用zTree(2) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

結(jié)果如上

代碼頁面如下

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="<%=basePath%>styles/bootstrap/bootstrap.css"rel="stylesheet" /> <link href="<%=basePath%>scripts/zTree/zTreeStyle/zTreeStyle.css" rel="stylesheet" /> <title>zTree use json Data</title> </head> <body><div class="container"><div class="row"><div><ul id="treeDemo" class="ztree"></ul></div></div> </div><script src="<%=basePath%>scripts/jquery/jquery-1.8.3.js" type="text/javascript"></script><script type="text/javascript" src="<%=basePath%>scripts/zTree/jquery.ztree.core-3.5.js"></script><script type="text/javascript">var setting = {data: {key: {name:"groupName"},simpleData: {idKey:"id",pIdKey:"parentId",rootPId:null,enable: true,}}};var zNodes =[];$(function(){var url = '<%=basePath%>group/group-json-tree.action';$.post(url,function(data){zNodes = data.groups;console.log(zNodes);$.fn.zTree.init($("#treeDemo"), setting, zNodes);});});</script> </body> </html> console.log(zNodes); 打印出的是一個數(shù)組，數(shù)組里面是

再點擊進(jìn)去其中一項

@Result(name = "success",type = "json") public class GroupJsonTreeAction extends BaseAction {private static final long serialVersionUID = 8291259328867475582L;private List<Group> groups;@Overridepublic String execute() throws Exception {groups = getWholeGroupTree();return SUCCESS;}public List<Group> getGroups() {return groups;}public void setGroups(List<Group> groups) {this.groups = groups;} } 很明顯，只要返回的東東是個集合就好辦了。

對于有父親孩子關(guān)系的一個類，我們可以用一個遞歸將父親下所有的孩子一個個加入到我們創(chuàng)建的集合中

public List<Group>createTree(Group root,List<Group> groups) {
?? ??? ?groups.add(root);
?? ??? ?if (root.hasChildren()) {
?? ??? ??? ?for (Group child : root.getImmediateChildren()) {
?? ??? ??? ??? ?createTree(child,groups);
?? ??? ??? ?}
?? ??? ?}
?? ??? ?return groups;
?? ?}

root.getImmediateChildren()表示拿到所有的直接孩子

轉(zhuǎn)載于:https://my.oschina.net/liangzhenghui/blog/103579

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的一步步用zTree(2)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

ztree

上一篇： java连接zookeeper_java
下一篇： python redis pipelin