通过数据库数据构建树结构（二）

在本教程中，我们将向我们介绍如何通过数据库中的数据动态地构建树结构。我们将使用NetBeans IDE 6.0构建一个由两个页面组成的应用程序，其中第一页包含一个JSF 1.2（Woodstock）树组件。接下来，我们将用数据库中的人物姓名填充树结构的一级节点，然后用此人的行程信息来填充二级节点。TRIP节点将链接到第二个页面，其中显示该行程的详细信息。

打开“项目”窗口，右键单击“Web页”节点，然后从弹出菜单中选择“新建>可视化Web JSF页”。将新页命名为Trip。

打开“服务”窗口，然后将“表> TRIP 节点”拖放到Trip页的可视编辑器上。

导航窗口将在“Trip”部分显示“tripDataProvider”节点，在“SessionBean1”部分中显示“tripRowSet1”节点。

在导航窗口中，右键单击“tripRowSet1”节点，然后选择“编辑SQL语句”。

在查询编辑器的“设计网格”中，右键单击TRIPID行中的任意单元格，然后选择“添加查询条件”。在对话框中，将“比较”下拉列表设置为“= 等于”，然后选中“参数”单选按钮。单击“确定”按钮。

我们可以在TRIPID的“条件”列中看到“= ?”，并在SQL查询中添加以下WHERE子句：

WHERE TRAVEL.TRIP.TRIPID = ? 
       
       

在可视编辑器中打开Trip页。从组件面板的Basic部分拖动一个“超级链接”组件到页面上，键入“主页”，然后按回车键。

在超级链接组件的“属性”窗口中，单击action属性的省略号 按钮，然后从下拉列表中选择hyperlink1_action，单击“确定”按钮。

IDE会将hyperlink1_action事件处理程序添加到Java源代码中。

从组件面板拖动一个“消息组”组件到页面上，然后将其放在“超级链接”组件的右侧。

从组件面板的“布局”部分拖动一个“属性表单”组件到页面上，然后将它放在“超级链接”组件的下面。

“属性表单”组件提供了一个设置行程信息布局的容器。“属性表单”组件包含了一个“属性表单部分”，而该部分又包含一个“属性”组件。

选择“属性表单部分 1” 。在“属性”窗口中，将label属性设置为Trip Details。

注：如果项目源级别设置为1.4，则在“属性”窗口中更改了属性表标签后，该标签不会被更新。

在“概要”窗口中，展开“propertySheet1>section 1” 节点，然后选择“property1”节点。在“属性”窗口中，将label属性设置为“启程日期：”，然后按回车键。

在“概要”窗口中，选择“section1”，然后单击鼠标右键，从弹出菜单中选择“添加属性”。在“属性”窗口中，将label属性设置为“出发城市：”，然后按回车键。

从组件面板拖放一个“静态文本”组件到“概要”窗口的“property1”节点上。

该静态文本将成为property1的一个子节点。同时该静态文本还将出现在可视编辑器中。

右键单击“静态文本”组件，然后从弹出菜单中选择“绑定到数据”。如有必要，请单击“绑定到数据提供器”标签，并将其置于前端。在对话框中，从“数据字段”中选择TRIP.DEPDAT，然后单击“确定”。

当前日期会出现在可视编辑器的静态文本组件中。

 

添加静态文本组件到property2中，然后将静态文本绑定到TRIP.DEPCITY。

添加代码

    现在，我们将添加一些代码，以便Trip页可以获取存储在页面1中的tripid，同时页面1也可以获取存储在Trip页中的personid。

在 Java 编辑器中打开Trip页，然后找到prerender方法。添加以下粗体显示的代码，使得该方法可以获取存储在页面1中的tripId。

代码示例2：Trip页中的prerender方法

public void prerender() {           // Get the person id from the request parameters         String parmTripId = (String)         getExternalContext().getRequestParameterMap().get("tripId");           if (parmTripId != null) {             Integer tripId = new Integer(parmTripId);             try {                 getSessionBean1().getTripRowSet1().setObject(1, tripId);                 tripDataProvider.refresh();             } catch (Exception e) {                 error("Cannot display trip " + tripId);                 log("Cannot display trip " + tripId, e);             }         }else {             error("No trip id specified.");         }      }

setObject方法将行程查询的第一个参数设置为tripId。也就是说，该方法将查询中的?替换为 tripId。此查询只有一个参数，因此我们只需调用setObject一次。对tripDataProvider1.refresh()的调用会同时调用CachedRowSet.release()，并且重置CachedRowSetDataProvider的光标。但是此时不会执行CachesRowSet。

找到hyperlink1_action方法。添加以下粗体显示的代码，将personId传递给页面1：

代码示例3：Trip页的hyperlink1_action方法

public String hyperlink1_action() {         getRequestBean1().setPersonId(                 (Integer)tripDataProvider.getValue("trip.personid"));         return null;     }

定义页面导航

    最后，指定页面1上的树节点与Trip页之间的导航。

在可视编辑器的设计视图中的任意位置单击鼠标右键，选择“页面导航”。

在Page1.jsp图标上单击连接器接口，然后拖动一条连线到Trip.jsp图标。

展开Trip.jsp图标，然后从“超级链接”组件拖动一条连线到Page1.jsp图标。页面导航设置。

 

运行该应用程序。在主页上，展开游客的姓名，然后单击某个旅行日期。

此时将打开Trip页打开，其中包含该行程的详细信息。

 

在Trip页中，单击“主页”链接。请注意，在主页上我们选择的最后一个行程的一级节点仍处于展开状态。

通过展开和折叠一级树节点并单击旅行日期，我们可以继续浏览该应用程序。

更多功能：将Action方法和树节点绑定

    如果我们使用的是JavaServer Faces 1.2树组件（也就是说，项目的Java EE版本设置为Java EE 5平台），则可以将action方法与树节点绑定；并且通过在action方法中调用树组件的getSelected()方法，可以确定单击的是哪个节点，如以下步骤所示。

添加一个tripId属性到Integer类型的Request Bean中。

将以下方法添加页面1的Java源代码中：

代码示例4：页面1的tripNode_action方法

public String tripNode_action() {        // Get the id of the currently selected tree node        String nodeId = displayTree.getSelected();        // Find the tree node component with the given id        TreeNode selectedNode =                (TreeNode) this.getForm1().findComponentById(nodeId);          try {            // Node's id property is composed of "trip" plus the trip id            // Extract the trip id and save it for the next page            Integer tripId = Integer.valueOf(selectedNode.getId().substring(4));            getRequestBean1().setTripId(tripId);        } catch (Exception e) {            error("Can't convert node id to Integer: " +                    selectedNode.getId().substring(4));            return null;        }        return "case1";    }

在页面1的prerender方法中，将以下代码替换为代码示例5中的代码。

     tripNode.setUrl("/faces/Trip.jsp?tripId=" +
       
       

            tripDataProvider.getValue("TRIP.TRIPID").toString());  
       
       

代码示例5：调整Prerender方法

ExpressionFactory exFactory =        getApplication().getExpressionFactory();     ELContext elContext =        getFacesContext().getELContext();     tripNode.setActionExpression(        exFactory.createMethodExpression(        elContext, "#{Page1.tripNode_action}",                   String.class, new Class<?>[0]));

按Alt-Shift-F组合键来修复导入。

在Trip页的prerender()方法中，将主体替换为以下代码：

代码示例6： Trip页的prerender方法

public void prerender() {           Integer tripId =  getRequestBean1().getTripId();              try {                getSessionBean1().getTripRowSet1().setObject(1, tripId);                tripDataProvider1.refresh();            } catch (Exception e) {                error("Cannot display trip " + tripId);                log("Cannot display trip " + tripId, e);            }    }

运行应用程序。

关于树节点选择的注意事项

    如果我们的项目是J2EE 1.4项目，则在选择树节点时应注意以下一些事项：

JavaServer Faces 1.1树组件无法使用getSelected方法或getCookieSelectedTreeNode方法来确定我们选择的是哪个节点。如果用户禁用了浏览器中的cookie，那么这些方法将不能返回到正确值。另外，对于开启cookies的浏览器，用户第一次访问页面并单击某个节点时，cokkie 可能会返回错误值。如果浏览器中有前一次访问时遗留的cookie信息，则有可能返回前一次选定的值。由于在JavaServer Faces 1.2版本中，树组件不使用cookie来保存选定的信息，所以1.2版本中不存在上述问题。

树节点的突出显示部分不在两个会话之间被清除。如果多次运行本教程中的程序，则上次会话中选择的节点将在页面刚打开时突出显示在新会话中。这个问题是由于使用cookie来传输选定的节点ID而造成的。

结束语

    在本教程中，我们通过数据库数据构建了一个树结构。我们构建了一个由两个页面组成的应用程序，其中第一页包含一个树组件。我们将数据库中的名字填充到树结构的一级节点，然后用此人的行程来填充二级节点。然后我们将第一页上的每个行程链接到第二页，在第二页中显示了该行程的详细信息。