現在の写真をページへ追加
更新フォームは、静的テキストと 「update_record」関連レコードの列にバインドされた入力コンポーネントを持つ HTML 表と何ら変らないことに気がつくでしょう。 このことが分かれば、行と列を追加して、HTML 表の変更とちょうど同じようにフォームを変更することができます。 以下の手順で、現在の写真を表示する新しい行を追加します。
行と列を追加することは、関連レコード・リストを表示するデータ・テーブルでは、かなり複雑です。 列をデータ・テーブルに追加するための情報については、演習 1.2: データベースへの接続と Web ページ上でのデータの表示 を参照してください。
- 「プロジェクト・エクスプローラー」ビューで、「update_record.jsp」ページをダブルクリックする。
- カーソルをテーブルの最初の (左上部の) セルに置く。 このセルはラベル付きの ID です。
- メインメニューからをクリックします。 「行または列の追加」ダイアログが開きます。 「行」をクリックし、次に「選択されたセルの上」をクリックします。 これにより、 レコード用の現在の写真が入ることになるテーブルの上部に新規行が作成されます。「OK」をクリックします。
- この新しい行の左セルに、ラベルとして「現在の写真: (Current photo:)」と入力します。
- パレットの Faces コンポーネント・ドロワーから、「イメージ」コンポーネントを新規行の右端のセルにドラッグする。 直前の演習とは違って、ユーザーにはサイズの制約なしでフル・イメージを見ることを許可します。 したがって、「プロパティー」ビューで幅と高さを変更しないでください。
- 「ページ・データ」ビューから「写真 (PHOTO)」列を新規イメージ・コンポーネントにドラッグして、 このイメージ・コンポーネントを update_record の「写真 (PHOTO)」列にバインドする。 これで、イメージ・コンポーネントが、データベースの写真 (PHOTO) 列にバインドされました。
- グラフィック・イメージを選択した状態で、「プロパティー」ビューに進み、「型」フィールドの隣にある「ページ・データ・オブジェクトの選択」ボタン をクリックする。「ページ・データ・オブジェクトの選択」ウィンドウが開きます。
- をクリックします。
- 「OK」をクリックすると、写真がある場合は、ページに案内広告のための現在の写真が表示されます。このページは、次のようになるはずです。
