JSF JSPファイルへのADF Coreコンポーネントの追加

デモ・アイコン デモ           詳細アイコン 詳細

  1. アプリケーション・ナビゲータで、以前に作成したJSF JSPファイルを選択して、ビジュアル・エディタで開きます。
  2. コンポーネント・パレットで、「ADF Faces Core」を選択します。
  3. InputTextコンポーネントをフォーム・コンポーネント内にドラッグ・アンド・ドロップします。

    注意: コンポーネントが確実に正しいノードに追加されるよう、コンポーネントをビジュアル・エディタではなく構造ウィンドウにドラッグ・アンド・ドロップすることもできます。

  4. プロパティ・インスペクタで、入力テキスト・コンポーネントのラベル・プロパティを「名前の入力」に変更します。
  5. 構造ウィンドウで、入力テキスト・コンポーネントをダブルクリックします。
  6. 「InputTextのプロパティ」ダイアログで、値プロパティに対応する「バインド」をクリックします。
  7. 「データにバインド」ダイアログの「変数」ナビゲーション・ツリーで、「JSFマネージドBean」およびステップ 4で作成したマネージドBeanに対応するノードを展開し、「name」を選択します。
  8. 右シャトル ボタンをクリックしてこの変数を使用するEL式を作成し、「OK」をクリックします。
    詳細アイコン 詳細
  9. 「InputTextのプロパティ」ダイアログで、「OK」をクリックします。
  10. CommandButtonコンポーネントを入力テキスト・コンポーネントの後ろにドラッグ・アンド・ドロップします。
  11. プロパティ・インスペクタで、コマンド・ボタン・コンポーネントのテキスト・プロパティを「発行」に変更します。
  12. OutputTextコンポーネントをコマンド・ボタン・コンポーネントの後ろにドラッグ・アンド・ドロップします。
  13. 構造ウィンドウで、af:outputText - outputText1ノードをダブルクリックします。
  14. 「OutputTextのプロパティ」ダイアログで、「バインド」をクリックします。
  15. 「データにバインド」ダイアログで、デフォルト値を削除し、テキストHello(後ろに空白を追加)を「式」テキスト領域に入力します。
    詳細アイコン IDE表示の詳細説明
  16. 「変数」ナビゲーション・ツリーで、「JSFマネージドBean」およびステップ 4で作成したマネージドBeanに対応するノードを展開し、「name」を選択します。
  17. 右矢印 ボタンをクリックし、変数を使用してEL式を作成後、「OK」をクリックします。
  18. 「OutputTextのプロパティ」ダイアログで、「OK」をクリックします。
  19. 「ファイル」メニューから「保存」を選択します。

キュー・カード・アイコン 次のステップ