`

dTree

JavaScriptDWRHTMLCSSStruts 
阅读更多

 

<%@ 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>
分享到：
| dwr
评论
发表评论

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

相关推荐

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