一、序 本文是使用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>
|