《Ecology6.0二次开发-树形图.docx》由会员分享，可在线阅读，更多相关《Ecology6.0二次开发-树形图.docx（7页珍藏版）》请在三一文库上搜索。
1、Ecology二次开发树形图开发简介以上是Ecology产品中最典型的框架图之一，其中框架的左侧为一个树形导航栏，框架的右边为内容区。以上框架一共由4个JSP组成，下面的表格分别对这四个JSP做了简要说明。JSP说明main.jsp框架管理JSPleft.jsp框架左侧内容展示JSPright.jsp框架右侧内容展示默认JSPframeleftXML.jsp树形图的数据结构，相当数据源开发示例下图是个这个开发示例的效果图，下面的开发示例代码都是为了个效果而准备的！注：开发示例做完后，请访问“main.jsp”页面。推荐精选注：在Ecology服务器端的文件夹中，添加了一个treeframe-c
2、st的文件夹，以下所提到的jsp都是存在此文件夹中。main.jsp<% page language="java" contentType="text/html; charset=GBK" %><% page import="weaver.general.Util" %><% include file="/systeminfo/init.jsp" %><HTML><HEAD><LINK href="/css/Weaver.css"
3、 type=text/css rel=STYLESHEET></HEAD><body><TABLE class=viewform width=100% id=oTable1 height=100%> <COLGROUP> <COL width="50%"> <COL width=5> <COL width="50%"> <TBODY><tr><td height=100% id=oTd1 name=oTd1 width=30%>&
4、lt;IFRAME name=leftframe id=leftframe src="left.jsp " width="100%" height="100%" frameborder=no scrolling=no>浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></td><td height=100% id=oTd0 name=oTd0 width=1%><IFRAME name=middleframe id=middleframe src="fram
5、emiddle.jsp" width="100%" height="100%" frameborder=no scrolling=no noresize>浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></td><td height=100% id=oTd2 name=oTd2 width=70%><IFRAME name=contentframe id=contentframe src="right.jsp" width="100%"
6、 height="100%" frameborder=no scrolling=yes>浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></td>推荐精选</tr> </TBODY></TABLE> </body></html>left.jsp<% page import="weaver.general.Util" %><% page import="java.util.*" %><% page
7、 language="java" contentType="text/html; charset=GBK" %><% include file="/systeminfo/init.jsp" %><HTML><HEAD><LINK REL=stylesheet type=text/css HREF=/css/Weaver.css><script type="text/javascript" src="/js/xtree.js">&l
8、t;/script><script type="text/javascript" src="/js/xmlextras.js"></script><script type="text/javascript" src="/js/cxloadtree.js"></script><link type="text/css" rel="stylesheet" href="/css/xtree2.css" /
9、></HEAD><BODY onload="initTree()"> <FORM NAME=SearchForm STYLE="margin-bottom:0" action="" method=get target="contentframe"> <% include file="/systeminfo/RightClickMenuConent.jsp" %> <% include file="/systeminfo/Rig
10、htClickMenu.jsp" %> <table height="100%" width=100% class="ViewForm" valign="top"> <TR> <td height="100%"> <div id="deeptree" class="cxtree" CfgXMLSrc="/css/TreeConfig.xml" /> <td> </tr>
11、 </table> </FORM><script language="javascript">function initTree()CXLoadTreeItem("", "frameleftXML.jsp");var tree = new WebFXTree();tree.add(cxtree_obj);document.getElementById('deeptree').innerHTML = tree;cxtree_obj.expand();</script>推荐精
12、选</BODY></HTML>right.jsp<% page language="java" contentType="text/html; charset=GBK" %><% include file="/systeminfo/init.jsp" %><HTML> <HEAD> <LINK href="/css/Weaver.css" type=text/css rel=STYLESHEET /> </head> &
13、lt;body> <%String id = request.getParameter("id"); if ("l1_1_1".equals(id) out.println("张俊、徐磊、曹水涛、潘康权、王伟、王沙."); else if("l1_1_2".equals(id) out.println("陈静"); %> </body></html>frameleftXML.jsp<% page import="weaver.genera
14、l.Util" %><% page import="mon.util.xtree.TreeNode, weaver.hrm.*" %><% page language="java" contentType="text/xml; charset=GBK" %><%response.setHeader("cache-control", "no-cache");response.setHeader("pragma", "no-
15、cache");response.setHeader("expires", "Mon 1 Jan 1990 00:00:00 GMT");User user = HrmUserVarify.getUser (request , response) ;if(user = null) return ;String id=Util.null2String(request.getParameter("id");TreeNode envelope=new TreeNode();envelope.setTitle("envel
16、ope");if(id.equals("") TreeNode root=new TreeNode(); root.setTitle("组织架构");推荐精选 root.setNodeId("l1"); root.setTarget("_self"); root.setIcon("/images/treeimages/global.gif"); envelope.addTreeNode(root); / 深圳智辰科技总部 TreeNode l1_1 = new TreeNode();
17、l1_1.setTitle("深圳智辰科技总部"); l1_1.setNodeId("l1_1"); l1_1.setIcon("/images/treeimages/Home.gif"); root.addTreeNode(l1_1); TreeNode l1_1_1 = new TreeNode(); l1_1_1.setTitle("研发部"); l1_1_1.setNodeId("l1_1_1"); l1_1_1.setIcon("/images/treeimages/Home
18、.gif"); l1_1_1.setTarget("contentframe"); l1_1_1.setHref("right.jsp?id=l1_1_1"); l1_1.addTreeNode(l1_1_1); TreeNode l1_1_2 = new TreeNode(); l1_1_2.setTitle("行政部"); l1_1_2.setNodeId("l1_1_2"); l1_1_2.setIcon("/images/treeimages/Home.gif"); l1_1_
19、2.setTarget("contentframe"); l1_1_2.setHref("right.jsp?id=l1_1_2"); l1_1.addTreeNode(l1_1_2); TreeNode l1_1_3 = new TreeNode(); l1_1_3.setTitle("公司顾问"); l1_1_3.setNodeId("l1_1_3"); l1_1_3.setIcon("/images/treeimages/Home.gif"); l1_1.addTreeNode(l1_1_
20、3); / 合作伙伴 TreeNode l1_2 = new TreeNode(); l1_2.setTitle("合作伙伴"); l1_2.setNodeId("l1_2"); l1_2.setIcon("/images/treeimages/Home.gif"); root.addTreeNode(l1_2); TreeNode l1_2_1 = new TreeNode(); l1_2_1.setTitle("泛微"); l1_2_1.setNodeId("l1_2_1");推荐精选 l1
21、_2_1.setIcon("/images/treeimages/Home.gif"); l1_2.addTreeNode(l1_2_1); TreeNode l1_2_2 = new TreeNode(); l1_2_2.setTitle("擎旗"); l1_2_2.setNodeId("l1_2_2"); l1_2_2.setIcon("/images/treeimages/Home.gif"); l1_2.addTreeNode(l1_2_2); / 测试部门 TreeNode l1_3 = new Tree
22、Node(); l1_3.setTitle("测试部门"); l1_3.setNodeId("l1_3"); l1_3.setIcon("/images/treeimages/Home.gif"); root.addTreeNode(l1_3);envelope.marshal(out);%>开发说明mon.util.xtree.TreeNode是Ecology自身定义的一个类，Ecology的树形控件需要结合这个类才可以一起使用。在frameleftXML.jsp中，我们只需要将TreeNode的root实例酌情修改其数据结构
23、，就可以得到我们想要的树形图，并且具有Ecology自带的样式，我们不用为了其样式不匹配而发愁。下面对TreeNode对象中的常用方法做一个简要的说明。TreeNode类方法说明setTitle(String title)设置节点标题setNodeId(String nodeId)设置节点唯一标识标识符setIcon(String imagePath)设置节点标题前的图片setTarget(String target)设置节点链接对应的目标位置，同HTML中<a>标签的target 属性setHref(String url)设置节点链接addTreeNode(TreeNode node)添加子节点 （注：可编辑下载，若有不当之处，请指正，谢谢!） 推荐精选