练习 8:链接至另一个页面

文件 allcustomers.jsp 会列示数据库中的每一个行。在下一个练习中,将创建显示数据库中的一行的详细信息的第 2 个页面。在此练习中,在文件 allcustomers.jsp 上添加链接以使用户到达详细信息页面。该链接还会指示哪条记录要显示在详细信息页面上。

将链接添加至 allcustomers.jsp

  1. 打开文件 allcustomers.jsp。
  2. 在“选用板”视图中,单击“Faces 组件”抽屉。
  3. 从“Faces 组件”抽屉中,将链接组件直接拖放到 {EGLcustomer_id} 文本字段上。

    “配置 URL”对话框将打开。

  4. URL 字段的“配置 URL”对话框中,请正确输入如下所示的下列文件名:

    updatecustomer.jsp

    这是将在下一个练习中创建以只显示数据库中的一行的页面的名称。

    使标签字段保留为空。如果此处未指定标签,则链接将使用 {EGLcustomer_id} 字段本身的文本来作为该链接的文本。

  5. 单击确定

    如果您在 {EGLcustomer_id} 文本字段旁边看到一个称为链接标签的链接,不要将该链接直接拖放到 {EGLcustomer_id} 文本字段上。单击编辑 > 撤销,然后重试。

  6. 保存该页面。

    该页面看起来应如下所示:

    allcustomers.jsp 的页面的当前外观

将参数添加至链接

下一步,必须指定将在 updatecustomer.jsp 页面上显示的记录。要将此信息发送至该页面,为刚刚添加的链接指定 HTTP 请求参数。HTTP 请求参数是以 HTTP 协议的方式通过因特网发送的纯文本的名称-值对。请求参数是发送和接收应用程序中程序之间简单数据的有效方法。

  1. 直接单击刚刚添加至 {EGLcustomer_id} 文本字段的链接组件的链接图标。

    在继续之前必须选择链接图标 本身(而非文本字段)。如果链接具有阴影并且选择框围绕该链接图标和文本字段,则您正确地选择了该链接。

  2. 不要从选定的链接图标移走,打开“属性”视图。

    “属性”视图通常位于工作台的底部。如果找不到“属性”视图,则单击窗口 > 显示视图 > 属性

  3. 在“属性”视图中,单击参数选项卡(正好在 hx:outputLinkEx 选项卡下面)。

    如果找不到参数选项卡,则确保您正好单击此链接图标来选择它。

  4. 单击添加参数。将名为 Name0 的新参数添加至参数的列表。
  5. 单击名称列并输入此文本作为参数的新名称:

    CID

  6. 单击列。
  7. 单击 选择页数据对象按钮。将打开“选择页数据对象”窗口。
  8. 数据对象下,单击 + 符号以展开 allcustomers
  9. 单击 + 符号以展开 customers - Customer[]
  10. 单击 customer_id - CUSTOMER_ID

    “选择页数据对象”窗口看起来应如下所示:

    选择页数据对象窗口

  11. 单击确定
  12. 保存该页面。

    现在,将链接的 CID 参数的值绑定至 customer_id 字段的值。当用户单击此链接时,运行时代码将调用文件 updatecustomer.jsp 并使客户标识号可用于相关页面处理程序的 onPageLoad 函数。

    在接下来的练习中,您将创建基于文件 updatecustomer.jsp 的 Web 页面,然后将设置页面处理程序来接收该参数并只显示带有该标识号的客户。

现在,您可以开始进行练习 9:创建更新页面

使用条款 | 反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.