UIの設計
詳細
- まだ開いていない場合は、アプリケーション・ナビゲータで「
Start.jsp」をダブルクリックして、ビジュアル・エディタでページを開きます。
- コンポーネント・パレットで、ドロップダウン・リストから「JSF」を選択し、「HTML」パネルを開きます。
詳細
- 「
入力テキスト」をクリックしてビジュアル・エディタにドラッグし、空白ページにドロップして入力テキスト・フィールドを追加します。
- 「
コマンド・ボタン」をクリックしてページにドラッグし、追加した入力フィールドの横にドロップします。プロパティ・インスペクタの「共通」セクションで「値」フィールドをクリックし、デフォルト・テキストをClick here
に変更します。
詳細
- コンポーネント・パレットで、ドロップダウン・リストから「HTML」を選択し、次に「共通」パネルを開きます。「
Line Break」をクリックし、ページにあるコマンド・ボタンの横にドラッグ・アンド・ドロップします。
- 「構造」ウィンドウで、「br」を右クリックし、「brの後ろに挿入」
「JSF HTML」の順に選択します。「JSF HTMLアイテムの挿入」ダイアログで、「
出力テキスト」を選択して「OK」をクリックします。これで、出力テキスト・フィールドが入力テキスト・フィールドの下に追加されます。
- 出力テキスト・コンポーネントのプロパティ・インスペクタの「共通」セクションで、「値」フィールドのデフォルト・テキストを削除して[Enter]キーを押し、ページ上の出力テキスト・フィールドを空白にします。
- 「
すべて保存」をクリックして作業を保存します。
IDE表示の詳細説明
次のステップ
Copyright © 1997, 2009, Oracle. All rights reserved.