`

dTree

阅读更多

 

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/share.jsp"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
<head>
	<html:base />

	<title>update.jsp</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="${path}/css/dtree.css">
	<script type="text/javascript" src="${path}/js/dtree.js.jsp"></script>
	<script type='text/javascript' src='${path}/dwr/interface/deService.js'></script>
    <script type='text/javascript' src='${path}/dwr/engine.js'></script>
    <script type='text/javascript' src='${path}/dwr/util.js'></script>	
	<script type="text/javascript">
		function getDe(){
			deService.getAll(setTree);
		}
		function setTree(deList){
			t=new dTree('t');
			for(var i=0;i<deList.length;i++){
				var de= deList[i];			
				if(de.upperId==0){
					t.add(de.id,-1,de.name,"javascript:setUpperId("+de.id+",'"+de.name+"')");					
				}
				else{
					t.add(de.id,de.upperId,de.name,"javascript:setUpperId("+de.id+",'"+de.name+"')");
				}	
				if(de.id==${upperId}){
					document.getElementById("upperName").innerHTML=de.name;		
				}			
			}		
			document.getElementById("upper").innerHTML=t;
			t.openAll();
			t.openTo(${upperId},true);			
			document.getElementById("upper").innerHTML=t;
		}
		function setUpperId(id,name){			
			document.getElementById("upperId").value=id;
			document.getElementById("upperName").innerHTML=name;						
		}
		window.onload=getDe;
	</script>
</head>

<body>
	<table align="center">
		<html:form action="/department/update" focus="name">
		部门编号:
		<html:text property="id" readonly="true"></html:text>
			<br>
		部门名称:
		<html:text property="name"></html:text>
			<html:errors property="name"/>
			<br>
		上级部门:
		<div id="upper"></div>
		<input type="hidden" name="upperId" id="upperId"><br>		
		您所选的上级部门为:<span id="upperName" style="color: red;"></span>		
			<br><br>			
			<html:submit>修改</html:submit>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<html:button property="btn" onclick="history.back()">返回</html:button>
		</html:form>
	</table>
</body>
</html:html>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
	<title>Destroydrop &raquo; Javascripts &raquo; Tree</title>

	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>

</head>

<body>

<h1><a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a></h1>

<h2>Example</h2>

<div class="dtree">

	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>

	<script type="text/javascript">
		<!--

		d = new dTree('d');

		d.add(0,-1,'My example tree');
		d.add(1,0,'Node 1','example01.html');
		d.add(2,0,'Node 2','example01.html');
		d.add(3,1,'Node 1.1','example01.html');
		d.add(4,0,'Node 3','example01.html');
		d.add(5,3,'Node 1.1.1','example01.html');
		d.add(6,5,'Node 1.1.1.1','example01.html');
		d.add(7,0,'Node 4','example01.html');
		d.add(8,1,'Node 1.2','example01.html');
		d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
		d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
		d.add(11,9,'Mom\'s birthday','example01.html');
		d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');

		document.write(d);

		//-->
	</script>

</div>

<p><a href="mailto&#58;drop&#64;destroydrop&#46;com">&copy;2002-2003 Geir Landr&ouml;</a></p>

</body>

</html>
分享到:
评论

相关推荐

    dtree

    【dtree】是一种在JavaScript中实现的树形数据结构,常用于构建可交互的、层级化的用户界面,如文件系统导航、组织结构图或者菜单系统等。在这个介绍中,我们将深入探讨dtree的制作原理、基本应用以及如何复用这个...

    dtree所需要的dtree.css和dtree.js文件(包括图标)

    本资源提供了dtree库所需的两个关键文件:`dtree.css`和`dtree.js`,以及相关的图标和API文档,帮助开发者更便捷地在项目中集成和使用dtree。 `dtree.css`是CSS样式表文件,它包含了dtree控件的样式定义。这些样式...

    ajax,servlet动态加载dtree

    在本项目"ajax,servlet动态加载dtree"中,我们看到的是利用Ajax技术和Servlet实现dtree(一种树形菜单控件)的动态加载。这个项目可能是一个文件管理系统或者目录浏览应用,其中dtree用于展示文件或目录结构,而...

    layui dtree树形结构

    layui dtree是一款基于layui框架的树形插件,它提供了丰富的功能和良好的用户体验,尤其适用于在Web应用中展示层级关系的数据。在这个场景中,我们看到的"layui dtree树形结构"指的是在用户点击一个文本框时,会弹出...

    dtree+ajax异步加载树

    **dtree+ajax异步加载树详解** 在Web开发中,数据展示往往涉及到大量的层级结构,如文件系统、组织架构等。dtree是一款基于JavaScript的树形控件,它能够帮助开发者实现动态、交互式的树状菜单。而Ajax...

    dtree 树结构 前端

    【dtree 树结构 前端】是一种在前端开发中常见的数据展示方式,它用于构建和展现层次化的数据结构,比如文件系统、组织架构或者导航菜单等。在这个主题下,我们将深入探讨dtree的实现原理、前端技术栈以及相关的实践...

    dtree 在网上搜索的一些关于DTREE的资料

    【DTREE】是一种数据结构和算法,主要用于组织和表示具有层次关系的数据。在计算机科学中,决策树(Decision Tree)通常被用作机器学习的一种模型,用于分类和回归分析。而这里的"dtree"可能指的是JavaScript中的一...

    dtree实现的树支持多选

    【dtree实现的树支持多选】是一种在网页交互中常用的数据展示和操作方式,尤其在数据层级结构复杂时,如文件系统、组织结构或菜单导航等场景。DTree(通常指的是JavaScript实现的树形控件)允许用户通过勾选节点来...

    dtree读取单选和复选的值

    `dtree` 是一种常用于创建可交互的树形结构组件,它允许用户通过单选按钮(radiobox)和复选框(checkbox)进行选择。本文将深入探讨如何使用 `dtree` 来读取这些选择的值,以及如何根据需求进行定制。 首先,`...

    dtree使用说明及示例演示

    **dtree使用说明及示例演示** 在信息技术领域,决策树(Decision Tree,简称dtree)是一种广泛应用的数据挖掘和机器学习算法。它通过构建一种树形结构来模拟一系列的决策过程,每个内部节点代表一个特征,每个分支...

    原始dtree+右键dtree+复选框dtree

    在这个话题中,我们将深入探讨三种特定的树形结构实现:原始dtree、右键dtree以及复选框dtree,这些都是在JavaScript环境下用于创建交互式树形菜单的工具。 首先,原始dtree是最基础的形式,它通常基于HTML、CSS和...

    dTree 生成无限级树形菜单

    `dTree` 是一个JavaScript对象,专用于构建无限级的树形菜单。本篇文章将深入探讨如何利用`dTree`来生成动态的树形菜单,并结合后台Action中的List数据进行操作。 首先,我们需要理解`dTree`的基本概念。`dTree`是...

    dtree和dtree_checkbox(dtree复选框)

    **dtree与dtree_checkbox: JS控件的深入解析** 在网页开发中,交互性和用户体验是至关重要的元素,而JavaScript(简称JS)作为客户端脚本语言,为实现这些功能提供了强大的支持。在这个话题中,我们将重点探讨两种...

    json+dtree定时刷新dtree

    在"json+dtree定时刷新dtree"这个主题中,我们主要关注的是如何利用JSON数据与DTREE控件结合,并实现定时刷新功能。定时刷新功能常用于实时更新显示的数据,例如监控系统、数据统计分析等场景,确保用户能够看到最新...

    dTree.js下载+API文档.rar

    dTree.js是一款轻量级的JavaScript库,专门用于在网页中创建交互式的树形结构,如目录树或数据层级展示。这个压缩包包含了dTree.js的实现文件以及相关的API文档和示例,可以帮助开发者快速理解和使用这个库。 首先...

    带节点点击事件的DTree

    通过以上介绍,我们可以看到【带节点点击事件的DTree】是一个强大且灵活的前端组件,它结合了树形结构、事件处理和动态数据加载等多种功能,为开发人员提供了构建交互式界面的有效工具。在实际项目中,开发者可以...

    dtree.zip|dtree.zip|dtree.zip

    【标题】: "dtree.zip" 是一个包含与决策树(Decision Tree)相关的资源的压缩文件,可能是一个用于展示或教学决策树算法的项目。 【描述】: "dtree.zip" 提供了多个文件,包括样式表(dtree.css)、API文档(api....

    我修改的dtree,可以动态增加,修改,删除

    ### 动态增强dtree库的关键知识点解析 #### 一、背景介绍 在现代Web开发中,树形结构(如组织架构、文件目录等)是非常常见的数据展示方式。dtree作为一个轻量级的JavaScript插件,被广泛用于构建这类结构。然而,...

    dtree jsp 中使用,dtree jsp 中使用

    在Java Web开发中,`dtree`通常指的是一个JavaScript库,用于创建可交互的树状菜单,常被用于展示层级关系的数据,如目录结构、组织架构等。在JSP(JavaServer Pages)中使用`dtree`,可以增强用户界面的交互性。...

    dtree支持动态添加,删除节点

    在IT领域,决策树(Decision Tree,简称dtree)是一种常用的数据挖掘和机器学习算法,它通过构建树状模型来解决分类和回归问题。在这个场景中,提到的"dtree支持动态添加、删除节点"意味着该决策树实现允许在构建...

Global site tag (gtag.js) - Google Analytics