Visualforce 開発者ガイド
japex:outputPanel
グループ化された一連のコンテンツです。HTML <span> タグや <div> タグを使用して、またはいずれのタグも使用せずに表示されます。<apex:outputPanel> を使用して、AJAX の更新に使用するコンポーネントをグループ化します。
このコンポーネントでは、「html-」プレフィックスを使用した HTML パススルー属性がサポートされています。パススルー属性は、layout 属性の値に応じて、生成されたコンテナタグである <div> または <span> に適用されます。
Span の例
1<!-- Spans do not add any additional formatting to the body of the outputPanel. -->
2<apex:outputPanel id="thePanel">My span</apex:outputPanel>上述の例では次の HTML を表示します。
1<span id="thePanel">My span</span>Div の例
1<!-- Divs place the body of the outputPanel within the equivalent of an HTML paragraph tag. -->
2<apex:outputPanel id="thePanel" layout="block">My div</apex:outputPanel>上述の例では次の HTML を表示します。
1<div id="thePanel">My div</div>属性
| 属性名 | 属性型 | 説明 | 必須項目 | API バージョン | アクセス |
|---|---|---|---|---|---|
| dir | String | 生成された HTML コンポーネントの読み取り方向。使用可能な値には「RTL」(右から左) または「LTR」(左から右) があります。 | 10.0 | global | |
| id | String | ページの他のコンポーネントが outputPanel コンポーネントを参照できるようにする識別子。 | 10.0 | global | |
| lang | String | 「en」または「en-US」など、生成された HTML 出力の基本言語。この属性についての詳細は、W3C 仕様を参照してください。 | 10.0 | global | |
| layout | String | パネルのレイアウトスタイル。使用できる値には、「block」(HTML div タグを生成)、「inline」(HTML span タグを生成)、および「none」(HTML タグを生成しない) があります。指定されていない場合、この値はデフォルトの「inline」に設定されます。
注意: 表示される属性が「false」に設定されたそれぞれの子要素についてレイアウトが「none」に設定されている場合、outputPanel によって、それぞれの子の ID と「display:none」に設定された style 属性を持つ span タグが生成されます。コンテンツは表示されなくても、JavaScript は DOM ID を使用して要素にアクセスでき、子要素を更新できるようにします。 |
10.0 | global | |
| onclick | String | onclick イベントが発生した場合 (ユーザが出力パネルをクリックした場合) に呼び出される JavaScript。 | 10.0 | global | |
| ondblclick | String | ondblclick イベントが発生した場合 (ユーザが出力パネルをダブルクリックした場合) に呼び出される JavaScript。 | 10.0 | global | |
| onkeydown | String | onkeydown イベントが発生した場合 (ユーザがキーボードのキーを押した場合) に呼び出される JavaScript。 | 10.0 | global | |
| onkeypress | String | onkeypress イベントが発生した場合 (ユーザがキーボードのキーを押したか、押したままにした場合) に呼び出される JavaScript。 | 10.0 | global | |
| onkeyup | String | onkeyup イベントが発生した場合 (ユーザがキーボードのキーを放した場合) に呼び出される JavaScript。 | 10.0 | global | |
| onmousedown | String | onmousedown イベントが発生した場合 (ユーザがマウスボタンをクリックした場合) に呼び出される JavaScript。 | 10.0 | global | |
| onmousemove | String | onmousemove イベントが発生した場合 (ユーザがマウスポインタを移動した場合) に呼び出される JavaScript。 | 10.0 | global | |
| onmouseout | String | onmouseout イベントが発生した場合 (ユーザが出力パネルからマウスポインタを移動した場合) に呼び出される JavaScript。 | 10.0 | global | |
| onmouseover | String | onmouseover イベントが発生した場合 (ユーザが出力パネルにマウスポインタを重ねた場合) に呼び出される JavaScript。 | 10.0 | global | |
| onmouseup | String | onmouseup イベントが発生した場合 (ユーザがマウスボタンを放した場合) に呼び出される JavaScript。 | 10.0 | global | |
| rendered | Boolean | コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 10.0 | global | |
| style | String | outputPanel コンポーネントの表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。 | 10.0 | global | |
| styleClass | String | outputPanel コンポーネントの表示に使用されるスタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。 | 10.0 | global | |
| title | String | ユーザがコンポーネントにマウスポインタを重ねたときにツールチップとして表示されるテキスト。 | 10.0 | global |