📄 tree.jsp
字号:
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://www.syit.com/jsf/tree" prefix="s"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
//父节点id
String parentId = request.getParameter("locationId");
if( parentId==null && request.getAttribute("deptParentId") != null) {
parentId = request.getAttribute("deptParentId").toString();
}
if(parentId==null) parentId = "";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用户信息</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/styles.css">
</head>
<body>
<f:view>
<h:form id="adminForm">
<div id="tree2Div"
style="overflow-x:auto; position:absolute; top:0px; width:200px;">
<div>
<t:saveState value="#{deptTreeBean.deptTree}" />
<s:tree3 id="menuTree" value="#{deptTreeBean.deptTree}"
var="node" clientSideToggle="true" varNodeToggler="t" locationNodeId="#{deptTreeBean.locationId}">
<f:facet name="root">
<h:panelGroup>
<f:facet name="expand">
<t:graphicImage value="/images/folderopen.gif"
rendered="#{t.nodeExpanded}" border="0" />
</f:facet>
<f:facet name="collapse">
<t:graphicImage value="/images/folder.gif"
rendered="#{!t.nodeExpanded}" border="0" />
</f:facet>
<h:commandLink action="#{deptTreeBean.getChildDeptTree}">
<f:param name="deptParentId" value="#{node.identifier}" />
<h:outputText value="#{node.description}"
styleClass="TreeNode" />
</h:commandLink>
</h:panelGroup>
</f:facet>
<f:facet name="child">
<h:panelGroup>
<f:facet name="expand">
<t:graphicImage value="/images/folderopen.gif"
rendered="#{t.nodeExpanded}" border="0" />
</f:facet>
<f:facet name="collapse">
<t:graphicImage value="/images/folder.gif"
rendered="#{!t.nodeExpanded}" border="0" />
</f:facet>
<h:commandLink action="#{deptTreeBean.getChildDeptTree}">
<f:param name="deptParentId" value="#{node.identifier}" />
<h:outputText value="#{node.description}"
styleClass="TreeNode" />
</h:commandLink>
</h:panelGroup>
</f:facet>
</s:tree3>
</div></div>
</h:form>
<iframe id="detailIFrame" name="detailIFrame"
style="position:absolute; top:0px; left:200px; width:600; height:600;" src="system/deptinfo/list.faces?deptParentId=<%=parentId%>">
</iframe>
<br>
</f:view>
</body>
<script type="text/javascript">
window.onresize = resizeDetailIFrame;
resizeDetailIFrame();
function resizeDetailIFrame()
{
var boxDiff = 0;
if(!document.all) boxDiff = 4;
// 设置显示树节点的Iframe
var ref = document.getElementById("detailIFrame");
var detailIFrameLeft = 200;
ref.style.left = detailIFrameLeft;
ref.style.width = document.body.clientWidth - detailIFrameLeft - boxDiff;
ref.style.height = document.body.clientHeight - boxDiff;
// 设置显示树的div
ref = document.getElementById("tree2Div");
ref.style.height = document.body.clientHeight - boxDiff;
}
function refreshTree(locationId)
{
self.location = "tree.faces?locationId=" + locationId;
}
</script>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -