`

xtree1.1的使用[学习笔记]

 
阅读更多
tree.jsp
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
		<script type="text/javascript" src="xtree/xtree.js"></script>
		<script type="text/javascript" src="xtree/xloadtree.js"></script>
		<script type="text/javascript" src="xtree/xmlextras.js"></script>
		<link rel="stylesheet" type="text/css" href="xtree/xtree.css">
	</head>

	<body>
		<script type="text/javascript">
			webFXTreeHandler.setIcon("xtree/");
			var rtree = new WebFXLoadTree("这是xtree","xtree!getEmployeeOrgTree","xtree!getEmployeeListByOrgId");
			rtree.target = "employeeRight";//这个target不是设置树显示的位置而是根节点数据返回的页面
			document.write(rtree);
		</script>
		<div name="employeeDiv" id="employeeDiv"></div>
		<iframe name="employeeRight"></iframe>
	</body>
</html>

Action代码：

public class XTreeAction extends ActionSupport {
	private String treeStr;
	private String employeeRight;
	public String getEmployeeOrgTree() {// 首次会访问这个方法，双击和展开也是访问这个。。
		treeStr = "<?xml version=\"1.0\" encoding=\"gb2312\"?>"
				+ "<tree>"
				+ "<tree text=\"省公司机关本部\" target=\"employeeRight\" action=\"xtree!getEmployeeListByOrgId?org.orgId=100099\" src=\"xtree!getEmployeeOrgTree?org.parentId=100099\" />"
				+ "<tree text=\"地市电业局\" target=\"employeeRight\" action=\"xtree!getEmployeeListByOrgId?org.orgId=530557\" src=\"xtree!getEmployeeOrgTree?org.parentId=530557\" />"
				+ "<tree text=\"直管县公司\" target=\"employeeRight\" action=\"xtree!getEmployeeListByOrgId?org.orgId=530558\" src=\"xtree!getEmployeeOrgTree?org.parentId=530558\" />"
				+ "</tree>";
		return "xtree";
	}

	public String getEmployeeListByOrgId() {// 单击会访问这个,用于显示内容在右边(employeeRight)
		employeeRight = String.valueOf(Math.random());
		return "employeeRight";
	}


struts.xml:

<struts>
    <constant name="struts.devMode" value="true" />
    <package name="default" namespace="/" extends="struts-default">
        <action name="xtree" class="com.jungle.XTreeAction">
            <result name="xtree">/treeXml.jsp</result>
            <result name="employeeRight">/employeeRight.jsp</result>
        </action>
    </package>
</struts>

treeXml.jsp:

<%@ page contentType="text/xml;charset=GBK" language="java" %><%@taglib prefix="s" uri="/struts-tags"%><s:property escape="false" value="treeStr"/>

employeeRight.jsp:

 <body>
   		${employeeRight}
  </body>


xtree.js等可以到我的资料中下载。

分享到：
| 多张图片切换javascript例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    xtree1.1和例子

    "xtree1.1和例子" 是一个与前端开发相关的主题，主要涉及到的是一个叫做 xtree 的库或者框架。这个库可能是一个用于构建交互式树形结构的JavaScript组件，适用于展示层级关系的数据，如文件系统、组织架构或者导航...

    xtree源包及使用实例

    **XTREE源包及使用实例详解** XTREE是一种用于构建动态树形结构的数据结构，它在计算机科学中常被用于组织和操作数据。...通过对XTREE的学习，我们可以更有效地解决实际问题，提高软件的性能和用户体验。

    xtree

    **xtree：深入理解与应用** xtree是一个用于数据结构表示和操作的工具，尤其在计算机科学和编程领域中，它被广泛应用于处理树形...通过阅读提供的文档和代码，我们可以更深入地学习xtree的各种特性和实际应用技巧。

    XTree生成树状菜单

    在IT领域，尤其是在网页开发中，XTree是一种广泛使用的JavaScript库，用于创建交互式的树状菜单。...在压缩包中的"XTree树状菜单"文件，可能包含了实现XTree功能的相关代码、示例或者文档，供开发者学习和参考。

    xtree一颗完整的树xtree+oracle+struts

    "xtree"是一个专用于构建这种树形视图的组件，它常与数据库系统（如Oracle）以及MVC框架（如Struts）结合使用，以提供动态的数据加载和交互功能。 首先，我们来看"xtree"。Xtree是一个JavaScript库，主要用于在Web...

    扩展xtree选择树

    5. **使用和扩展** - 初始化：在HTML中创建容器元素，并在JavaScript中实例化xtree对象，绑定数据和配置项。 - 事件监听：xtree支持多种事件，如点击、展开、折叠等，通过监听这些事件可以实现与用户交互的功能。 ...

    XTree

    5. **api.html**、**implementation.html**、**usage.html**：这些HTML文件可能包含XTree的API文档、实现细节以及使用示例，帮助开发者理解如何集成和使用这个库。 6. **index.html** 和 **demo.html**: 这两个文件...

    xTree

    总之，xTree是一个强大且易于使用的JavaScript树形菜单解决方案，无论你是网页开发者还是前端工程师，都可以通过它来创建功能丰富的树形菜单，提升你的项目体验。它的全面文档和良好的可定制性，使得开发者能够轻松...

    xTree帮助

    3. **管理**：用户可以使用xTree进行文件和目录的创建、删除、重命名等操作。同时，它还支持文件的复制、剪切和粘贴，以及批量操作，使得文件管理更加便捷。 4. **排序与过滤**：xTree允许用户按照不同的标准（如...

    xtree demo

    "xtree demo" 是一个基于JavaScript实现的树形数据结构展示工具的演示程序，它主要用于在Web应用中呈现...在实际项目中，xtree.js 可以结合其他前端框架（如jQuery、React或Vue）一起使用，以提升开发效率和用户体验。

    js树，xtree，纯js

    JavaScript（简称JS）是一种广泛用于前端开发的轻量级编程语言，它被用来为网页添加交互性和动态功能。...学习和使用XTree，不仅可以提升Web应用的用户体验，还能帮助开发者深入理解数据结构和JavaScript编程。

    xtree开发包

    本文将深入探讨xtree开发包的相关知识，包括其设计理念、主要功能、应用场景以及如何使用。 首先，我们来理解xtree的基本概念。xtree通常是一种自平衡二叉查找树，如AVL树或红黑树，它能够以O(log n)的时间复杂度...

    xtree下载 树状图

    xtree可能是提供了一种高效的方式，让用户能够一次性加载整个树形结构，以便于快速浏览和操作，正如描述中提到的“方便使用快捷，挺不错的”。 树形结构在计算机科学中有着广泛的应用，特别是在文件系统、数据库...

    XTree XML生成树 帮助文档

    《XTree XML生成树 帮助文档》 在IT领域，树形控件是一种常见的用户界面元素，它用于展示数据的层次结构。...在实践中，不断学习和掌握XTree的高级特性，能够帮助我们构建出更加高效、易用的界面。

    完整的xtree例子 和jsp联系

    【XTreeDemo】是一个关于`xtree`与`jsp`结合使用的综合实例，它涵盖了`xtree`控件的各种功能和交互方式。...通过学习这个例子，开发者可以深入了解`xtree`的用法，提升在Web应用中构建复杂树形结构界面的能力。

    xtree3.1_非常优秀的树菜单_newtower修改增强.7z

    XTREE3.1是一款在Web开发中广泛使用的树形菜单系统，它以其高效、灵活和易用性而受到开发者们的青睐。这款软件的核心在于提供了一种结构化的、可扩展的方式来组织和展示网站的内容，尤其适用于构建层次分明的导航...

    用js写的tree组件 xtree2

    10. **模块化和打包**：作为一个现代JS组件，XTree2可能遵循模块化设计，如使用ES6的`import`和`export`，并且可能通过工具如Webpack或Rollup进行打包，以便在项目中方便地引入和使用。 了解了以上知识点后，开发者...

    _2010.05.30_xtree3 + xtree117 刘涛改进版.最好的树菜单,firefox下正常_终极推荐ok.7z

    《XTREE3与XTREE117刘涛改进版：最佳树形菜单在Firefox下的完美体验》 在网页设计和开发领域，树形菜单是一种常见的交互元素，它以树状结构展示信息，使得用户能够方便地浏览和操作复杂的层级数据。XTREE3与XTREE...

    xtree树形菜单开发库

    XTREE是一个基于AJAX实现的树形菜单。它的原理就是每次都只加载当前结点下的所有结点，而对开发人员来说，就是只需要按一定的格式，生成一段 XML代码。XTREE可以自己定制每个结点的ICON和链接。XTREE是基于对象的，...

Magicbox
Global site tag (gtag.js) - Google Analytics