この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

apex:panelBar

ユーザが関連するヘッダーをクリックしたときに展開できる、1 つ以上の <apex:panelBarItem> タグを含むページ領域です。<apex:panelBarItem> が展開されると、他のすべての項目のコンテンツを非表示にした状態で項目のヘッダーとコンテンツが表示されます。別の <apex:panelBarItem> が展開されると、元の項目のコンテンツは再度非表示になります。<apex:panelBar> には、最大 1,000 個の <apex:panelBarItem> タグを含められます。

このコンポーネントでは、「html-」プレフィックスを使用した HTML パススルー属性がサポートされています。パススルー属性は、生成されたコンテナタグ <div> に適用されます。

例

1<!-- Page: panelBar --> 
2
3<!-- Click on Item 1, Item 2, or Item 3 to display the content of the panel -->
4
5<apex:page>
6
7    <apex:panelBar>
8
9        <apex:panelBarItem label="Item 1">data 1</apex:panelBarItem>
10
11        <apex:panelBarItem label="Item 2">data 2</apex:panelBarItem>
12
13        <apex:panelBarItem label="Item 3">data 3</apex:panelBarItem>
14
15    </apex:panelBar>
16
17</apex:page>

属性

属性名	属性型	説明	API バージョン	通用範囲
`contentClass`	String	panelBar コンポーネントの panelBarItem のコンテンツの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`contentStyle`	String	panelBar コンポーネントの panelBarItem のコンテンツの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`headerClass`	String	panelBar コンポーネントのすべての panelBarItem ヘッダーの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`headerClassActive`	String	panelBarItem が展開されたときのヘッダーの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`headerStyle`	String	panelBar コンポーネントのすべての panelBarItem ヘッダーの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`headerStyleActive`	String	panelBarItem が展開されたときのヘッダーの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`height`	String	展開されたときのパネルバーの高さ。利用可能な縦方向のスペースのパーセント (height="50%" など)、またはピクセル数 (height="200px" など) のいずれかで表されます。指定されていない場合、この値はデフォルトの 100% に設定されます。	10.0	グローバル
`id`	String	ページの他のコンポーネントが panelBar コンポーネントを参照できるようにする識別子。	10.0	グローバル
`items`	Object	panelBar が表示されるときに処理されるデータのコレクション。使用されている場合、panelBar コンポーネントの本文は、dataTable または repeat コンポーネントと同様に、コレクションのそれぞれの項目に対して 1 回繰り返されます。「var 属性」も参照してください。	11.0	グローバル
`rendered`	Boolean	コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。	10.0	グローバル
`style`	String	panelBar コンポーネントのすべての部分の表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`styleClass`	String	panelBar コンポーネントのすべての部分の表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`switchType`	String	panelBar 項目間の切り替えに使用される実装メソッド。可能な値には、「client」、「server」、および「ajax」などがあります。指定されていない場合、この値はデフォルトの「server」に設定されます。	10.0	グローバル
`value`	Object	panelBar が表示されるときに最初に選択される panelBarItem の ID。	10.0	グローバル
`var`	String	items 属性によって指定される、データのコレクション内の 1 つの要素を表す変数の名前。名前が指定されると、この変数を使用して panelBar コンポーネントタグの本文に要素自体を表示できます。	11.0	グローバル
`width`	String	パネルバーの幅。利用可能な横方向のスペースのパーセント (width="50%" など)、またはピクセル数 (width="800px" など) のいずれかで表されます。指定されていない場合、この値はデフォルトの 100% に設定されます。	10.0	グローバル

Visualforce 開発者ガイド

apex:panelBar

例

属性

関連項目: