パネル・タブ、パネル・コレクションおよび表の追加
詳細
- コンポーネント・パレットのADF Facesページの「Layout」パネルで、「
パネル・ストレッチ・レイアウト」を装飾ボックスの「center」ファセットにドラッグ・アンド・ドロップします。プロパティ・インスペクタの「共通」セクションで、「StartWidth」、「EndWidth」および「TopHeight」のプロパティ値をそれぞれ5px
に変更します。次に「BottomHeight」を25px
に変更し、[Enter]を押します。
- コンポーネント・パレットの「Layout」パネルで、「
パネル・タブ」をパネル・ストレッチ・レイアウトの「center」ファセットにドラッグ・アンド・ドロップします。「構造」ウィンドウで、「
af:panelTabbed」を開きます。子の「
af:showDetailItem」をクリックします。プロパティ・インスペクタの「共通」セクションで、「Text」の値をTab 1
に変更します。「外観」セクションで、「StretchChildren」の値を「first」に変更します。
詳細
- 「構造」ウィンドウで、「
af:panelTabbed」を右クリックし、「af:panelTabbedの中に挿入」
「
詳細アイテム表示」の順に選択して、2つ目のタブを追加します。プロパティ・インスペクタの「共通」セクションで、「Text」の値をTab 2
に変更します。「外観」セクションで、「StretchChildren」を「first」に変更します。
- ビジュアル・エディタで、最初のタブ「Tab 1」をクリックします(最初のタブが表示されない場合は、「Tab 2」の横にある
をクリックして「Tab 1」を選択します)。
- コンポーネント・パレットの「共通コンポーネント」パネルで、「
表」を最初のタブ・コンポーネントにドラッグ・アンド・ドロップします。「ADF Faces Tableの作成」ダイアログで、「データを今すぐバインド」の選択が解除されていることを確認して「OK」をクリックします。
- 表コンポーネントのプロパティ・インスペクタの「外観」セクションで、「ColumnStretching」ドロップダウン・リスト・ボックスから「blank」を選択します。
詳細
- ビジュアル・エディタで、2番目のタブ「Tab 2」をクリックします(2番目のタブが表示されない場合は、「Tab 1」の横にある
をクリックして「Tab 2」を選択します)。
- コンポーネント・パレットの「Layout」パネルで、「
パネル・コレクション」を2番目のタブ・コンポーネントにドラッグ・アンド・ドロップします。コンポーネント・パレットの「共通コンポーネント」パネルで、「
表」を直前に追加したパネル・コレクションにドラッグ・アンド・ドロップします。「ADF Faces Tableの作成」ダイアログで、「データを今すぐバインド」の選択が解除されていることを確認して「OK」をクリックします。表コンポーネントのプロパティ・インスペクタの「外観」セクションで、「ColumnStretching」ドロップダウン・リスト・ボックスから「last」を選択します。
詳細
- コンポーネント・パレットで、「
パネル・グループ・レイアウト」をこのカードのステップ1で追加したパネル・ストレッチ・レイアウト・コンポーネントの「bottom」ファセットにドラッグ・アンド・ドロップします。プロパティ・インスペクタの「共通」セクションで、「Halign」を 「center」に、「Layout」を「scroll」に変更します。
- コンポーネント・パレットの「共通コンポーネント」パネルで、「
ボタン」を、直前に追加して変更したパネル・グループ・レイアウトにドラッグ・アンド・ドロップします。プロパティ・インスペクタで、「Text」の値をShow Printable Page
に変更し、[Enter]を押します。
- コンポーネント・パレットで、「Operations」パネルを開きます。「
印刷可能ページ動作の表示」を、直前に追加したコマンド・ボタンにドラッグ・アンド・ドロップします。
詳細
- アプリケーション・ナビゲータで、「
LayoutPage.jspx」を右クリックし、ポップアップ・メニューから「実行」を選択します。
IDE表示の詳細説明
次のステップ
Copyright © 1997, 2009, Oracle. All rights reserved.