apex:panelBarItem
ユーザがセクションヘッダーをクリックしたときに展開または折りたたむことができる <apex:panelBar> のセクションです。展開された場合、<apex:panelBarItem> のヘッダーおよびコンテンツが表示されます。折りたたまれた場合、<apex:panelBarItem> のヘッダーのみが表示されます。
このコンポーネントでは、「html-」プレフィックスを使用した HTML パススルー属性がサポートされています。パススルー属性は、生成されたコンテナタグ <div> に適用されます。
例
属性
| 属性名 | 属性型 | 説明 | 必須項目 | 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 | グローバル |