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

apex:panelBarItem

ユーザがセクションヘッダーをクリックしたときに展開または折りたたむことができる <apex:panelBar> のセクションです。展開された場合、<apex:panelBarItem> のヘッダーおよびコンテンツが表示されます。折りたたまれた場合、<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>
18
19
20
21<!-- Page: panelBarItemEvents -->
22
23<apex:page >
24
25  <apex:pageMessages/>
26
27  <apex:panelBar>
28
29    <apex:panelBarItem 
30
31          label="Item One" 
32
33          onenter="alert('Entering item one');" 
34
35          onleave="alert('Leaving item one');">
36
37      Item one content
38
39    </apex:panelBarItem>
40
41    <apex:panelBarItem 
42
43          label="Item Two" 
44
45          onenter="alert('Entering item two');" 
46
47          onleave="alert('Leaving item two');">
48
49      Item two content
50
51    </apex:panelBarItem>
52
53  </apex:panelBar>
54
55</apex:page>

属性

属性名	属性型	説明	API バージョン	通用範囲
`contentClass`	String	panelBarItem コンポーネントのコンテンツの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`contentStyle`	String	panelBarItem コンポーネントのコンテンツの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`expanded`	String	この panelBarItem のコンテンツを表示するかどうかを指定する boolean 値。	10.0	グローバル
`headerClass`	String	panelBarItem コンポーネントのヘッダーの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`headerClassActive`	String	panelBarItem コンポーネントのコンテンツが表示されるときに、panelBarItem のヘッダーの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。	10.0	グローバル
`headerStyle`	String	panelBarItem コンポーネントのヘッダーの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`headerStyleActive`	String	panelBarItem コンポーネントのコンテンツが表示されるときに、panelBarItem コンポーネントのヘッダーの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。	10.0	グローバル
`id`	String	ページの他のコンポーネントが panelBarItem を参照できるようにする識別子。	10.0	グローバル
`label`	String	panelBarItem コンポーネントのヘッダーとして表示されるテキスト。	10.0	グローバル
`name`	Object	panelBarItem の名前。この属性の値を使用して、panelBar のデフォルトの展開済みの panelItem を指定します。	11.0	グローバル
`onenter`	String	panelBarItem が選択されていないときにユーザがコンポーネントをクリックして選択した場合に呼び出される JavaScript。	16.0
`onleave`	String	ユーザが別の panelBarItem を選択したときに呼び出される JavaScript。	16.0
`rendered`	Boolean	コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。	10.0	グローバル

Visualforce 開発者ガイド

apex:panelBarItem

属性