一、序
本文是使用WebLogic的自带控件,假如对其比较生疏可以察看
E:\bea\weblogic81\samples\workshop
\SamplesApp\WebApp\tagSamples\netui\tree
E:\bea\weblogic81\samples\workshop
\SamplesApp\WebApp\tagSamples\netui\tree_dynamic
WebLogic自带的两个例子。
关于静态的树形结构相对简单,不在这里具体说明。
二、自定义的树形结构
1.环境目录
---------------------------------
Test\TestWeb\index.jsp Test为应用程序名,TestWeb为Web名
2.创建页面流
---------------------------------
在TestWeb下新建页面流tree。系统会自动生成以下文件,文件夹:
Test\TestWeb\tree
Test\TestWeb\tree\index.jsp
Test\TestWeb\tree\TreeController.jpf
3.预备TreeView相关页面文件
---------------------------------
这里使用frame框架进行演示,左边显示树形结点,右边显示对应内容。所以还要建立两个文件。
tree.jsp作为树形结点页面,content.jsp作为内容页面。
Test\TestWeb\tree\tree.jsp
Test\TestWeb\tree\content.jsp
我们把index.jsp就作为框架容器。代码如下:
<netui:Html>
<head>
<title>
Web Frame
</title>
</head>
<frameset cols="20%,*">
<frame src="tree.jsp" name="fraTree" >
<frame src="content.jsp" name="fraContent" >
</frameset>
</netui:html>
4.编辑页面流文件TreeController.jpf
---------------------------------
tree.jsp,content.jsp内容我们暂时不管,先编辑TreeController.jpf页面流文件,全代码如下:
package tree;
/**
* @jpf:controller
* @jpf:view-properties view-properties::
* <!-- 此数据是自动生成的。 不推荐手工编辑此区域。 -->
* <view-properties>
* <pageflow-object id="pageflow:/tree/TreeController.jpf"/>
* <pageflow-object id="action:treeState.do">
* <property value="180" name="x"/>
* <property value="40" name="y"/>
* </pageflow-object>
* <pageflow-object id="action:begin.do">
* <property value="80" name="x"/>
* <property value="100" name="y"/>
* </pageflow-object>
* <pageflow-object id="action-call:@page:tree.jsp@#@action:treeState.do@">
* <property value="96,120,120,144" name="elbowsX"/>
* <property value="31,31,31,31" name="elbowsY"/>
* <property value="East_1" name="fromPort"/>
* <property value="West_1" name="toPort"/>
* </pageflow-object>
* <pageflow-object id="page:tree.jsp">
* <property value="60" name="x"/>
* <property value="40" name="y"/>
* </pageflow-object>
* <pageflow-object id="page:index.jsp">
* <property value="240" name="x"/>
* <property value="100" name="y"/>
* </pageflow-object>
* <pageflow-object id="page:content.jsp">
* <property value="120" name="x"/>
* <property value="100" name="y"/>
* </pageflow-object>
* <pageflow-object id="forward:path#tree#tree.jsp#@action:treeState.do@">
* <property value="144,120,120,96" name="elbowsX"/>
* <property value="31,31,31,31" name="elbowsY"/>
* <property value="West_1" name="fromPort"/>
* <property value="East_1" name="toPort"/>
* <property value="tree" name="label"/>
* </pageflow-object>
* <pageflow-object id="forward:path#sUCcess#index.jsp#@action:begin.do@">
* <property value="116,160,160,204" name="elbowsX"/>
* <property value="91,91,91,91" name="elbowsY"/>
* <property value="East_1" name="fromPort"/>
* <property value="West_1" name="toPort"/>
* <property value="success" name="label"/>
* </pageflow-object>
* </view-properties>
* ::
*/