⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.jsp

📁 一个用ajax做的树行框架
💻 JSP
字号:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean"
	prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html"
	prefix="html"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic"
	prefix="logic"%>
<%@ taglib uri="http://ajaxanywhere.sourceforge.net/" prefix="aa"%>
<%@ page import="com.support.hibernate.table.*" %>
<%@ page import="java.util.*" %>
<%
	String path = request.getContextPath();
	response.setHeader("Pragma","No-cache");   
	response.setHeader("Cache-Control","no-cache");   
	response.setDateHeader("Expires",   0);   
%>

<html>
<head>
<title>XLoadTree Demo (WebFX)</title>
<script language="javascript" src="<%=path%>/js/aa.js"></script>
<script type="text/javascript" src="<%=path %>/js/tree/xtree.js"></script>
<script type="text/javascript" src="<%=path %>/js/tree/xmlextras.js"></script>
<script type="text/javascript" src="<%=path %>/js/tree/xloadtree.js"></script>
<link type="text/css" rel="stylesheet" href="<%=path %>/style/xtree.css" />
<link type="text/css" rel="stylesheet" href="<%=path %>/style/styles.css" />

<style type="text/css">

body {
	background:	white;
	color:		black;
}

</style>
</head>
<body>
<script language="javascript">
ajaxAnywhere.formName = "departmentForm";
ajaxAnywhere.getZonesToReload = function(){
return "formArea";
} 
//相应节点被选中的函数
function doSelect(id) {
	departmentForm.flag.value = 2;
	departmentForm.id.value = id;
	ajaxAnywhere.submitAJAX();
}
//增加同级节点
function addSame() {
	departmentForm.flag.value = 3;
	ajaxAnywhere.submitAJAX();
}
//增加子节点 
function addAChild() {
	departmentForm.flag.value = 4;
	ajaxAnywhere.submitAJAX();
}
//修改选中节点
function editSelected() {
	departmentForm.flag.value = 5;
	ajaxAnywhere.submitAJAX();
}
//删除选中节点
function deleteSelected() {
	departmentForm.flag.value = 6;
	ajaxAnywhere.submitAJAX();
}
/// XP Look
webFXTreeConfig.rootIcon		= "images/xp/folder.png";
webFXTreeConfig.openRootIcon	= "images/xp/openfolder.png";
webFXTreeConfig.folderIcon		= "images/xp/folder.png";
webFXTreeConfig.openFolderIcon	= "images/xp/openfolder.png";
webFXTreeConfig.fileIcon		= "images/xp/file.png";
webFXTreeConfig.lMinusIcon		= "images/xp/Lminus.png";
webFXTreeConfig.lPlusIcon		= "images/xp/Lplus.png";
webFXTreeConfig.tMinusIcon		= "images/xp/Tminus.png";
webFXTreeConfig.tPlusIcon		= "images/xp/Tplus.png";
webFXTreeConfig.iIcon			= "images/xp/I.png";
webFXTreeConfig.lIcon			= "images/xp/L.png";
webFXTreeConfig.tIcon			= "images/xp/T.png";

//var tree = new WebFXLoadTree("WebFXLoadTree", "tree1.xml");
//tree.setBehavior("classic");

var rti;
var tree = new WebFXTree("部门列表");
<%
if (request.getAttribute("departmentList") != null) {
	List departmentList = (List)request.getAttribute("departmentList");
	for (int i = 0;i < departmentList.size();i ++) {
		SDepartment department = (SDepartment)departmentList.get(i);
%>
		tree.add(new WebFXLoadTreeItem("<%=department.getName()%>", "<%=path%>/department.do?flag=1&parentId=<%=department.getId()%>","javascript:doSelect('<%=department.getId()%>')"));
<%
	}
}
%>
document.write(tree);
</script>
<a href="<%=path %>/department.do">刷新部门列表</a>
<aa:zone name="formArea">
<html:form action="/department.do" method="post">
<html:hidden property="flag"/>
<html:hidden property="id"/>
<div style="position:absolute;top:50px;right:50px;border:1px;border-style:solid;border-color:#663399;padding:20px;background-color:#f0e0ef;">
<table align="center">
<tr>
<td>名称</td>
<td><html:text property="name" /><html:errors property="name"/></td>
</tr>
<tr>
<td>描述</td>
<td><html:text property="description" /><html:errors property="description"/></td>
</tr>
</table>
<div align="center">
<html:button property="edit" value="修改选中节点" onclick="editSelected()" />
<html:button property="add" value="增加同级节点" onclick="addSame()" />
<html:button property="addChild" value="增加其子节点" onclick="addAChild()" />
<html:button property="delete" value="删除选中节点" onclick="deleteSelected()" />
<br>
<logic:present name="message">
<bean:write name="message"/>
</logic:present>
</div>
</div>
</html:form>
</aa:zone>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -