Visualforce 開発者ガイド
japex:tab
<apex:tabPanel> の単一のタブです。<apex:tab> コンポーネントは、<apex:tabPanel> の子である必要があります。
このコンポーネントでは、「html-」プレフィックスを使用した HTML パススルー属性がサポートされています。パススルー属性は、タブのコンテンツをラップする、生成された <td> タグに適用されます。
例
1<!-- Page: -->
2<apex:page id="thePage">
3 <apex:tabPanel switchType="client" selectedTab="name2" id="theTabPanel">
4 <apex:tab label="One" name="name1" id="tabOne">content for tab one</apex:tab>
5 <apex:tab label="Two" name="name2" id="tabTwo">content for tab two</apex:tab>
6 </apex:tabPanel>
7</apex:page>属性
| 属性名 | 属性型 | 説明 | 必須かどうか | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| disabled | Boolean | タブを選択して参照できるかどうかを指定する boolean 値。true に設定すると、タブを選択できません。指定されていない場合、この値はデフォルトの false に設定されます。 | 10.0 | グローバル | |
| focus | String | タブのコンテンツが表示されているときにフォーカスされる子コンポーネントの ID。 | 10.0 | グローバル | |
| id | String | ページの他のコンポーネントがタブコンポーネントを参照できるようにする識別子。 | 10.0 | グローバル | |
| immediate | Boolean | ページの項目に関連付けられている入力規則を処理することなく、このコンポーネントに関連付けられているアクションをすぐに実行するかどうかを指定する boolean 値。true に設定すると、アクションがすぐに実行され、入力規則はスキップされます。指定されていない場合、この値はデフォルトの false に設定されます。 | 11.0 | グローバル | |
| label | String | タブのヘッダーに表示されるテキスト。 | 10.0 | グローバル | |
| labelWidth | String | タブのヘッダーの長さ (ピクセル単位)。指定されていない場合、この値はデフォルトの表示ラベルのテキストの幅に設定されます。 | 10.0 | グローバル | |
| name | Object | タブの名前。この属性の値を使用して、tabPanel でデフォルトで選択されるタブを指定します。 | 10.0 | グローバル | |
| onclick | String | onclick イベントが発生した場合 (ユーザがタブをクリックした場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| oncomplete | String | oncomplete イベントが発生した場合 (タブが選択されており、ページにそのコンテンツが表示されている場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| ondblclick | String | onclick イベントが発生した場合 (ユーザがタブをダブルクリックした場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onkeydown | String | onkeydown イベントが発生した場合 (ユーザがキーボードのキーを押した場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onkeypress | String | onkeypress イベントが発生した場合 (ユーザがキーボードのキーを押したか、押したままにした場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onkeyup | String | onkeyup イベントが発生した場合 (ユーザがキーボードのキーを放した場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onmousedown | String | onmousedown イベントが発生した場合 (ユーザがマウスボタンをクリックした場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onmousemove | String | onmousemove イベントが発生した場合 (ユーザがマウスポインタを移動した場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onmouseout | String | onmouseout イベントが発生した場合 (ユーザがタブからマウスポインタを移動した場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onmouseover | String | onmouseover イベントが発生した場合 (ユーザがタブにマウスポインタを重ねた場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| onmouseup | String | onmouseup イベントが発生した場合 (ユーザがマウスボタンを放した場合) に呼び出される JavaScript。 | 10.0 | グローバル | |
| ontabenter | String | ontabenter イベントが発生した場合 (フォーカスがタブコンポーネントに置かれた場合) に呼び出される JavaScript。 | 11.0 | グローバル | |
| ontableave | String | ontableave イベントが発生した場合 (フォーカスがタブの外側にあるコンポーネントに置かれた場合) に呼び出される JavaScript。 | 11.0 | グローバル | |
| rendered | Boolean | コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 10.0 | グローバル | |
| reRender | Object | AJAX 更新要求の結果がクライアントに返されるときに再作成する 1 つ以上のコンポーネントの ID。この値には、単一の ID、ID のカンマ区切りのリスト、または ID のリストまたはコレクションの差し込み項目の式を使用できます。また、この値は、switchType 属性の値が「ajax」である場合にのみ適用できます。 | 10.0 | グローバル | |
| status | String | AJAX 更新要求の状況を表示する関連付けられているコンポーネントの ID。「actionStatus コンポーネント」を参照してください。この値は、switchType 属性の値が「ajax」に設定されている場合にのみ適用できます。 | 10.0 | グローバル | |
| style | String | タブコンポーネントのすべての部分の表示に使用されるスタイル。主に、インライン CSS スタイルを追加するために使用されます。 | 10.0 | グローバル | |
| styleClass | String | タブコンポーネントのすべての部分の表示に使用される CSS スタイルクラス。主に、外部 CSS スタイルシートを使用するときに適用される CSS スタイルを指定するために使用されます。 | 10.0 | グローバル | |
| switchType | String | このタブに切り替えるための実装メソッド。使用できる値には、「client」、「server」、および「ajax」があります。指定されていない場合、この値はデフォルトの「server」に設定されます。指定されている場合、この値は tabPanel コンポーネントの switchTab 属性より優先されます。 | 10.0 | グローバル | |
| timeout | Integer | AJAX 更新要求がタイムアウトするまでの時間 (ミリ秒)。この値は、switchType 属性の値が「ajax」に設定されている場合にのみ適用できます。 | 10.0 | グローバル | |
| title | String | ユーザがコンポーネントにマウスポインタを重ねたときにツールチップとして表示されるテキスト。 | 10.0 | グローバル |