演習 8: 別のページへのリンク

allcustomers.jsp ファイルはデータベース内のすべての行をリストします。次の演習では、 データベース内の 1 行からの詳細を表示する 2 番目のページを作成します。この演習では、 ユーザーを詳細ページに送るための allcustomers.jsp ファイルにリンクを追加します。またそのリンクは、 詳細ページにどのレコードを表示するかも示します。

allcustomers.jsp へのリンクの追加

  1. allcustomers.jsp ファイルを開く。
  2. パレット・ビューで、「Faces コンポーネント 」ドロワー をクリックして開く。
  3. Faces コンポーネント」ドロワーから「リンク」コンポーネントをドラッグして、 それを直接 {EGLcustomer_id} テキスト・フィールドにドロップする。

    「URL の構成」ウィンドウが開きます。

  4. 「URL の構成」ウィンドウの「URL」フィールドに、 次のファイル名を、表示されている通り正確に入力する。

    updatecustomer.jsp

    これは、 次の演習で作成する、データベースの 1 行だけを表示するページの名前です。

    ラベル」 フィールドはブランクにしておいてください。ここにラベルを指定しないと、 リンクは {EGLcustomer_id} フィールド自体のテキストをリンクのテキストとして使用します。

  5. OK」をクリックする。

    リンクのラベル」という名前の {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. OK」をクリックする。
  12. ページを保管する。

    これでリンクの CID パラメーターの値が 「customer_id」フィールドの値にバインドされました。 ユーザーがリンクをクリックすると、 ランタイム・コードは updatecustomer.jsp ファイルを呼び出して、関連したページ・ハンドラーの onPageLoad 関数でカスタマー ID 番号が使用できるようにします。

    次の演習では、updatecustomer.jsp ファイルの Web ページを作成し、その後、パラメーターを受け取ってその ID 番号を持つカスタマーだけを表示するページ・ハンドラーをセットアップします。

これで、『演習 9: 更新ページの作成』を開始する準備ができました。

フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.