パネル - タブ付き

この複合コンポーネントは、 他のコンポーネントをレイアウトするために使用されます。 このタブ付きパネルは、関連タブをクリックするか、 「戻る」ボタンと 「次へ」ボタンに よって繰り返すか、いずれかの操作により選択することができる、 一連のオーバーラップ・パネルを使用しています。

設計時のコンポーネント

「パネル - タブ付き」コンポーネントを、 ページ上にドラッグ・アンド・ドロップします。

「パネル - タブ付き」コンポーネントのボタン

「パネル - タブ付き」コンポーネントは、 ページ上でこのように表示されます。

設計時の「パネル - タブ付き」

実行時のコンポーネント

実行時の「パネル - タブ付き」コンポーネントは、 ページ上でこのように表示されます。

実行時の「パネル - タブ付き」

「プロパティー」ビューと「すべての属性」ビュー

コンポーネントの「プロパティー」ビューには、 コンポーネントに設定できる最も一般的な属性のセットが表示されます。 コンポーネントによっては、制御、アクション、 または他のコンポーネントの追加に関するオプションが 表示される場合もあります。 「プロパティー」ビューを開くには、 「ウィンドウ」 > 「ビューの表示」 > 「プロパティー」とクリックします。

「パネル - タブ付き」コンポーネントの共通属性は、 「プロパティー」ビューの「odc:tabbedPanel」タブに表示されます。 属性の完全なリストについては、「パネル - タブ付き」のすべての属性 の 表を参照してください。 パネル項目に関する追加の構成オプションは、 「odc:tabbedPanel」>「項目」タブにあります。

表 1. 「パネル - タブ付き」の構成オプション

構成オプション

説明

コントロール内に表示するそれぞれのタブのパネルを追加

パネル - タブ付きコンポーネント内のタブの ID、ラベル、 および順序を指定することができます。さらに、個々のタブに定義済みの finish および cancel コマンド・ボタンのコンポーネントを含むように、指定することもできます。

「すべての属性」ビューには、コンポーネントで設定できるすべての属性の表が表示されます。 この表には、「プロパティー」ビューからアクセスできる属性も含まれます。 「すべての属性」ビューに切り替えるには、 「プロパティー」ビューの右上隅にある「すべての属性」アイ コン「すべての属性」
アイコンをクリックします。

表 2. 「パネル - タブ付き」のすべての属性

属性名

「プロパティー」ビューでの表示

説明

binding

非表示

コンポーネントの インスタンス (通常はユーザー・インターフェース・ コンポーネント) を、Bean プロパティー (通常は バッキング・ファイル内にあります) にバインドする式です。

height

p

サイズ: 高さ

コンポーネントの高さを、ピクセル単位またはパーセント単位で指定します。 パーセントで指定するには、値に % を付加します。

id

ID

コンポーネントに名前を割り当てます。JSP 内で固有の名前にする必要があります。

initialPandelld

非表示

パネルの初期 ID を指定します。

numOfTabs

一度に表示されるタブの数 (Scroll after display of X tabs)

パネル上に表示されるタブの数。 コンポーネント内に表示するタブの数を、フィールドに入力される数値に制限します。 挿入されたスクロール・コントロールを使用して、追加タブにアクセスすることができます。

rendered

非表示

true または false に設定できます。
  • false - コンポーネントは、実行時にブラウザーにレンダリングされません。
  • true - コンポーネントがレンダリングされます。これはデフォルト値です。

showBackNextButton

次へ」ボタンと「戻る」ボタンを表示させます。

このボックスをチェックすると、使用できるボタンのペアが、 コンポーネント内のさまざまなタブ間のサイクルに挿入されます。

slantActiveLeft

タブ境界線のカーブ (ピクセル)

タブの左上側に生じる、わずかな幅 (選択されたタブの場合)。

slantActiveRight

タブ境界線のカーブ (ピクセル)

選択されているタブの、右上側にあるタブ境界線のカーブの幅 (ピクセル単位)。

slantInactiveLeft

タブ境界線のカーブ (ピクセル)

タブの左上側に生じる、わずかな幅 (選択されたタブではない場合)。

slantInactiveRight

タブ境界線のカーブ (ピクセル)

タブの右上側に生じる、わずかな幅 (選択されたタブではない場合)。

styleClass

スタイル: クラス

この要素がレンダリングされるときに適用される、 CSS スタイル・クラスのリスト (スペース区切り)。 この値は、生成されたマークアップの クラス属性として渡されなければなりません。 選択されたコンポーネントのクラス (例えば、スタイルシート) を定義します。 これは手動で行うか、またはボタンをクリックして、 ウィンドウ内から必要なクラスを選択してください。

width

サイズ: 幅

コンポーネントの幅を、ピクセル単位またはパーセント単位で指定します。 パーセントを指定するには、値に % を付加します。


フィードバック