パネル - メニュー・バー

この複合コンポーネントは、他のコンポーネントをレイアウトするために使用されます。これは通常ハイパーリンク、ボタン、およびセパレーターを含み、 それらがメニューまたはナビゲーション・バーに似た外観と振る舞いを示すようにします。また、他のメニュー・バー・コンポーネントを含むこともあります。その場合、折りたたみ/展開可能なサブメニューを備えたネスト構造体が作成されます。

設計時のコンポーネント

パネル - メニュー・バー」コンポーネントをページにドラッグ・アンド・ドロップします:
「パネル - メニュー・バー」コンポーネント・ボタン

パネル - メニュー・バー」コンポーネントは、 ページでこのように表示されます:
設計時の「パネル - メニュー・バー」

実行時のコンポーネント

実行時の「パネル - メニュー・バー」コンポーネントは、追加されたコンポーネントによって異なります。

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

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

「パネル - メニュー・バー」コンポーネントのこれらの共通属性は、「プロパティー」ビューの「hx:panelActionbar」タブに表示されます。属性の詳細なリストについては、『パネル - メニュー・バーの全属性』の表を参照してください。パネル項目のその他の構成オプションは、「hx:panelActionbar」 > 「項目 (Items)」 タブにあります。

表 1. パネル - メニュー・バーの構成オプション

構成オプション

説明

制御に項目を追加

メニュー・バー内の項目を表示したり、ハイパーリンク、コマンド・ボタン、サブパネル、 およびセパレーターを追加したりできます。また、「除去」ボタンを使用して項目を除去したり、「上に移動」ボタンおよび「下に移動」ボタンを使用してパネル内の項目の順序を変更したりすることもできます。

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

表 2. パネル - メニュー・バーの全属性

属性名

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

説明

autoseparate

各項目間のセパレーターを表示

このボックスにチェック・マークを付けると、アクション・バーの項目間に分離線が表示されるようになります。 autoseparate が true に設定されている場合は、セパレーター項目は実行時に、 含まれている各コンポーネント間で自動的に挿入されます。これがブランクのままにされた場合は、 デフォルトにより false となり、セパレーターは挿入されません。

binding

再表示しない

通常はバッキング・ファイルの中でこのコンポーネントを表す UIComponent。

dir

再表示しない

実行時のコンポーネントの表示方向を指定します。指定できる値は次のいずれかです。
  • ltr - 左から右
  • rtl - 右から左

height

サイズ: 高さ

コンポーネントの高さを (行数、ピクセル数、または画面のパーセンテージで) 指定します。

id

ID

名前をコンポーネントに割り当てます。JSP 内の固有名でなければなりません。

layout

パネルの向き

水平方向または垂直方向としてレイアウトを指定します。
  • line_direction = 水平方向
  • page_direction = 垂直方向

nestedExpanded

展開されたパネルを最初に表示

子 panelActionbar を拡張または縮小します。ある panelActionbar が別の panelActionbar の内側にネストされる場合にのみ適用されます。

nestedImagePosition

イメージ位置

イメージを子 panelActionbar のラベルの前または後に置きます。ある panelActionbar が別の panelActionbar の内側にネストされる場合にのみ適用されます。

nestedIndent

再表示しない

子 panelActionbar のサブメニューがインデントされる量。ある panelActionbar が別の panelActionbar の内側にネストされる場合にのみ適用されます。

nestedTitleImage

イメージ

ラベルの前または後に移動するイメージを指定します。フィールドの右のボタンを使用すると、イメージを参照またはインポートできるようになります。

nestedTitleText

ラベル

子 panelActionbar のラベル。ある panelActionbar が別の panelActionbar の内側にネストされる場合にのみ適用されます。

rendered

再表示しない

true または false に設定できます。
  • false - コンポーネントは実行時にブラウザーへのレンダリングが行われません。
  • true - コンポーネントのレンダリングが行われます。

styleClass

スタイル: クラス

このエレメントのレンダリング時に適用される CSS スタイル・クラスのスペースで区切られたリスト。この値は、生成されたマークアップ上の「class」属性としてパススルーする必要があります。選択されたコンポーネントのクラス (スタイル・シートなど) を定義します。これは、手動で行うことも、ボタンをクリックして希望するクラスをウィンドウ内で選択して行うこともできます。

style

スタイル: プロパティー

コンポーネントの CSS スタイル情報 (たとえば、style="font-size : 8pt ; color : red") を指定します。選択されたコンポーネントのプロパティー (フォントや色など) を定義します。これは、手動で行うことも、ボタンをクリックして希望するプロパティーをウィンドウ内で選択して行うこともできます。

width

サイズ: 幅

コンポーネントの初期幅を指定します。この幅の指定はピクセル数で行います。ただし、値が文字数を参照するテキスト入力コンポーネントの場合を除きます。

関連概念
JavaServer Faces を使用したデータ・アクセス Web アプリケーションの作成
関連タスク
Faces アプリケーションの作成 - 概要
関連資料
Faces コンポーネントの参照
Faces コンポーネントの属性
パネル - グループ・ボックス
パネル - グループ・ボックス - グリッド
パネル - グループ・ボックス - HTML パネル (パネル - JSP)
パネル - グループ・ボックス - リスト
パネル - グループ・ボックス - 境界線にスナップ
パネル - タブ付き
フィードバック
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.