在struts2中,tree的实现主要是通过struts2-dojo-plugin-XXX.jar中的tree标签来实现的,首先在项目中引入此包,我使用的是sturts2.1.8.1。
在JSP中使用<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>导入标签标签的同时,别忘了再HEAD标签中添加<sx:head/>,客户端JS文件的导入全指望它了!下面是实现tree的三种方式:
1.静态方式 也就是tree中的各个节点是在jsp文件中静态写入的,在运行之前就知道其结构,下面是一个Demo:

<h2>1.Three Without AJAX</h2>
<sx:tree label="Tree without AJAX" id="parentId"
templateCssPath="/struts/tree.css" showRootGrid="true"
showGrid="true">
<sx:treenode label="child1" id="child1Id">
<sx:treenode label="grandchild1" id="grandchild1Id"/>
<sx:treenode label="grandchild2" id="grandchild2Id"/>
<sx:treenode label="grandchild3" id="grandchild3Id"/>
<sx:treenode label="grandchild4" id="grandchild4Id"/>
<sx:treenode label="grandchild5" id="grandchild5Id"/>
</sx:treenode>
<sx:treenode label="child2" id="child2Id"/>
<sx:treenode label="child3" id="child3Id"/>
<sx:treenode label="child4" id="child4Id"/>
<sx:treenode label="child5" id="child5Id"/>
<sx:treenode label="child6" id="child6Id">
<sx:treenode label="gChild1" id="gChild1Id"/>
<sx:treenode label="gChild2" id="gChild2Id"/>
</sx:treenode>
<sx:treenode label="child7" id="child7Id"/>
</sx:tree>
效果图如上所示。
2.半动态方式 下面的例子是根据服务器端的项目目录生成的节点树,在jsp中的表现代码上显得非常简捷:
首先要生成一个用于封装目录下文件结构的类:FileWrapper.Class

package tree;
import java.io.File;
public class FileWrapper {
private File file;
public FileWrapper(String path){
file = new File(path);
}
public FileWrapper(File file){
this.file = file;
}
public String getId(){
return "file_"+file.hashCode();
}
public String getName(){
return file.getName();
}
public String getAbsolutePath(){
return file.getAbsolutePath();
}
public FileWrapper[] getChildren(){
File[] files = file.listFiles();
if(files != null && files.length>0){
int length = files.length;
FileWrapper[] wrappers = new FileWrapper[length];
for(int i=0;i<length;i++){
wrappers[i] = new FileWrapper(files[i]);
}
return wrappers;
}
else{
return new FileWrapper[0];
}
}
}
新建一个Action,用于向ValueStack中添加生成目录树所需的一些数据,

package tree;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts2.interceptor.ServletRequestAware;
import com.opensymphony.xwork2.ActionSupport;
public class DynamicTreeAction extends ActionSupport implements ServletRequestAware {
private static final long serialVersionUID = -8571025932301813496L;
private FileWrapper root;
private HttpServletRequest request;
public FileWrapper getRoot(){
return root;
}
public void setServletRequest(HttpServletRequest request){
this.request = request;
}
public String execute(){
root = new FileWrapper(request.getSession().getServletContext().getRealPath("/"));
return SUCCESS;
}
}
在xml中配置action

<package name="ajax" namespace="/ajax" extends="json-default">
<action name="DynamicTree" class="tree.DynamicTreeAction">
<result>/tree.jsp</result>
</action>
</package>
JSP文件内容:
<h2>2.Tree with AJAX</h2>
<sx:tree id="appFiles" rootNode="root"
nodeTitleProperty="name" nodeIdProperty="id"
childCollectionProperty="children"/>
看起来非常简捷,其实struts已经帮我们干了好多事情,
OK,查看一下效果:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述