この例では、JSFページにHTMLおよびJSF UIコンポーネントを追加することでユーザー・インタフェースを設計します。統合ツールの組合せ(つまり、コンポーネント・パレット、JSP/HTMLビジュアル・エディタおよびプロパティ・インスペクタ)を使用してページを設計します。これらのいずれかのツールでページに変更を加えると、その変更は他のツールにも反映されます。
ビジュアル・エディタでページを設計する際は、エディタ・ウィンドウ下部(エディタの「設計」タブと「ソース」タブのすぐ上)にあるブレッドクラム・リンクを使用して、ページ上の既存のコンポーネントまたはタグを選択できます。エディタのブレッドクラム・リンクには、現在選択されているコンポーネントまたはタグからそのルートの親コンポーネントまたは親タグにさかのぼるリンクのパスが表示されます。
エディタのブレッドクラム・リンクでコンポーネントまたはタグをクリックすると、JDeveloperでは、選択したコンポーネントまたはタグが青いアウトライン・ボックスとともにページに表示されます。ボックスの右上隅には、選択したコンポーネントまたはタグのドロップダウン・メニューがあります。このドロップダウン・メニューをクリックすると、選択したコンポーネントまたはタグに対して実行できるアクションのポップアップ・メニューが表示されます。
ビジュアル・エディタは「構造」ウィンドウとも完全に統合されています。JSFコンポーネントを挿入、コピーまたは移動するときは、ビジュアル・エディタまたは「構造」ウィンドウで、ターゲットとなるページ要素を基準にページ上の挿入ポイントを選択できます。JDeveloperにより、挿入ポイントがターゲット・コンポーネントの前、後または内側にあることを示す目印が表示されます。
コンポーネントを挿入した後、そのコンポーネントのプロパティを、必要に応じてコンポーネントのドロップ時に表示されるダイアログを使用して設定するか、または後でプロパティ・インスペクタを使用して設定できます。
アプリケーション・ページでは、JDeveloperに用意されているスタイル・シートまたは独自のスタイル・シートも使用できます。スタイル・シートは、ページの作成時にページに追加することも、後でページを編集して追加することもできます。ページにスタイル・シートを追加した後は、ヘッダー・テキストなどのページ上のテキストを、次のようなドロップダウン・リストから選択したスタイルに設定できます。
Copyright © 1997, 2009, Oracle. All rights reserved.