想要从数据库动态获取的，可以看我的另一篇关于树形菜单的struts2实现，这里只介绍在页面用标签静态完成的菜单
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Struts 2 AJAX - Tree</title>
<s:head theme="ajax" debug="true" />
<script type="text/javascript">
function treeNodeSelected(arg) {
alert("id["+arg.source.widgetId+"], name["+ arg.source.title+ "] selected");
}
dojo.addOnLoad(function() {
var s = dojo.widget.byId('parentId').selector;
dojo.event.connect(s, 'select', 'treeNodeSelected');
});
</script>
</head>
<body>
<h2>
Tree
</h2>
<div style="float:left; margin-right: 50px;">
<s:tree label="parent" id="parentId" theme="ajax"
templateCssPath="/struts/tree.css" showRootGrid="true"
showGrid="true">
<s:treenode theme="ajax" label="child1" id="child1Id">
<s:treenode theme="ajax" label="grandchild1" id="grandchild1Id" />
<s:treenode theme="ajax" label="grandchild2" id="grandchild2Id" />
<s:treenode theme="ajax" label="grandchild3" id="grandchild3Id" />
<s:treenode label="tree4" theme="ajax" id="tree4">
<s:treenode label="tree5" theme="ajax" id="tree5"></s:treenode>
</s:treenode>
</s:treenode>
<s:treenode theme="ajax" label="child2" id="child2Id" />
<s:treenode theme="ajax" label="child3" id="child3Id" />
<s:treenode theme="ajax" label="child4" id="child4Id" />
<s:treenode theme="ajax" label="child5" id="child5Id">
<s:treenode theme="ajax" label="gChild1" id="gChild1Id" />
<s:treenode theme="ajax" label="gChild2" id="gChild2Id" />
</s:treenode>
</s:tree>
</div>
</body>
</html>
分享到：
相关推荐
在网页开发中，树形菜单是一种常见的用户界面元素，它能有效地组织和展示层次结构的信息。`dTree` 是一个JavaScript对象，专用于构建无限级的树形菜单。本篇文章将深入探讨如何利用`dTree`来生成动态的树形菜单，并...
在树形菜单的实现中，Struts2接收用户的操作请求，并调用相应的业务逻辑。 **Hibernate** 是一个强大的ORM（对象关系映射）框架，可以将Java对象与数据库表进行映射，简化数据库操作。在本项目中，Hibernate将用于...
"左边是树形菜单"这部分，可能使用了ExtJS的TreePanel组件。TreePanel能够展示层次结构的数据，常用于导航菜单。通过异步加载数据，用户可以展开和折叠节点，点击节点时，可以触发相应的操作，比如跳转到新的页面或...
"tree_menu_in_struts"可能是指在Struts应用中实现的树形菜单功能。这种菜单可以作为用户界面的一部分，允许用户通过层级结构浏览和选择选项。 在提供的文件列表中，我们看到有"www.pudn.com.txt"，这可能是一个...
Struts2 Dojo Tree 是一个基于Struts2框架和Dojo JavaScript库的组件，用于在Web应用程序中创建可交互的树形视图。这个组件允许用户以图形化的方式浏览和操作层次结构数据，例如文件系统、组织结构或者数据库中的...
1. jQuery EasyUI：EasyUI提供了一系列易于使用的JavaScript组件，包括布局、表单、表格、树形结构等，通过简单的HTML标记和CSS样式，能够快速实现功能丰富的前端界面。在本项目中，EasyUI将用于创建用户友好的界面...
前端则可以使用`jQuery-EasyUI`中的树形菜单组件来渲染这些数据，从而实现动态加载的多级菜单功能。这种方法在实际项目开发中非常实用，特别是在需要处理大量嵌套数据的情况下。 需要注意的是，虽然这段代码提供了...
通过iBatis查询数据后，可以使用递归算法生成树形结构，或者使用第三方库如JSTL、Freemarker来在前端渲染树形菜单。 5. **前端交互**：在客户端，部门树可能使用JavaScript库如jQuery，或者现代前端框架如Vue.js、...
通过这种方式，Ztree与SSH框架紧密结合，实现了动态交互的树形菜单。 在实际开发中，我们还可以结合Ztree的特性，实现更复杂的功能，例如权限控制、拖拽排序、异步加载等。同时，通过自定义扩展节点的图标和样式，...
【标题】"ext+ssh树，带右键功能"指的是在Web应用开发中，结合EXTJS（EXT）和Struts2（SSH）框架构建的一种特殊交互界面，它包含了一个能够展示层级结构数据的树形组件，并且具备了右键菜单功能。EXTJS是一款强大的...
树形结构是展示层次关系数据的有效方式。普通树控件可以用来显示简单的层次结构。 **6.2 数据树** 数据树控件不仅能够显示数据的层次结构，还可以加载和展示数据库中的数据。 **6.3 导航树** 导航树主要用于网站或...
- **DOM (Document Object Model)**：将整个XML文档读入内存并建立树形结构，便于节点的查询和修改。但占用内存较大，适合小文档。 - **SAX (Simple API for XML)**：基于事件驱动模型，边读取边解析，适合大文档...
#### 4.11 树形组件（Tree） 用于展示层次结构的数据。 ### 5. 应用示例 这部分可能包含实际的代码示例，展示了如何在实际项目中使用ZK组件和事件处理，帮助开发者更好地理解和应用所学知识。 综上所述，ZK是一个...