No Results
Search Tips:
- Please consider misspellings
- Try different search keywords
apex:pageBlockSectionItem
1 つの行の 1 つの列を占有する <apex:pageBlockSection> の単一データです。<apex:pageBlockSectionItem> コンポーネントには、最大 2 つの子コンポーネントを含めることができます。コンテンツが指定されていない場合、列は空のスペースとして表示されます。1 つの子コンポーネントが指定されている場合、そのコンテンツは列の 2 つのセルにまたがって表示されます。2 つの子コンポーネントが指定されている場合、最初のコンテンツは列の「表示ラベル」セル (左側のセル) に表示され、2 つ目のコンテンツは列の「データ」セル (右側のセル) に表示されます。
<apex:pageBlockSectionItem> に <apex:outputField> または <apex:inputField> コンポーネントを含める場合、これらのコンポーネントが <apex:pageBlockSectionItem> の子である場合とは異なり、表示ラベルまたはカスタムヘルプテキストと共に表示されません。また、<apex:pageBlockSectionItem> コンポーネントは再表示されませんが、代わりに子コンポーネントが再表示されます。
このコンポーネントでは、「html-」プレフィックスを使用した HTML パススルー属性がサポートされています。パススルー属性は、生成されたコンテナタグ <tr> に適用されます。
例
1<!-- For this example to render properly, you must associate the Visualforce page
2with a valid account record in the URL.
3For example, if 001D000000IRt53 is the account ID, the resulting URL should be:
4https://Salesforce_instance/apex/myPage?id=001D000000IRt53
5See the Visualforce Developer's Guide Quick Start Tutorial for more information. -->
6
7
8<!-- Page: -->
9<apex:page standardController="Account">
10 <apex:form>
11 <apex:pageBlock title="My Content" mode="edit">
12 <apex:pageBlockButtons>
13 <apex:commandButton action="{!save}" value="Save"/>
14 </apex:pageBlockButtons>
15
16 <apex:pageBlockSection title="My Content Section" columns="2">
17 <apex:pageBlockSectionItem>
18 <apex:outputLabel value="Account Name" for="account__name"/>
19 <apex:inputText value="{!account.name}" id="account__name"/>
20 </apex:pageBlockSectionItem>
21
22 <apex:pageBlockSectionItem>
23 <apex:outputLabel value="Account Site" for="account__site"/>
24 <apex:inputText value="{!account.site}" id="account__site"/>
25 </apex:pageBlockSectionItem>
26
27 <apex:pageBlockSectionItem>
28 <apex:outputLabel value="Account Type" for="account__type"/>
29 <apex:inputText value="{!account.type}" id="account__type"/>
30 </apex:pageBlockSectionItem>
31
32 <apex:pageBlockSectionItem>
33 <apex:outputLabel value="Account Number" for="account__number"/>
34 <apex:inputText value="{!account.accountNumber}" id="account__number"/>
35 </apex:pageBlockSectionItem>
36 </apex:pageBlockSection>
37 </apex:pageBlock>
38 </apex:form>
39</apex:page>属性
| 属性名 | 属性型 | 説明 | 必須項目 | API バージョン | アクセス |
|---|---|---|---|---|---|
| dataStyle | String | pageBlockSection 列の右側の「データ」セルのコンテンツを表示するために使用される CSS スタイル。 | 11.0 | global | |
| dataStyleClass | String | pageBlockSection 列の右側の「データ」セルのコンテンツを表示するために使用される CSS スタイルクラス。 | 11.0 | global | |
| dataTitle | String | pageBlockSection 列の右側の「データ」セルにマウスポインタを重ねたときに表示されるテキスト。 | 11.0 | global | |
| dir | String | 生成された HTML コンポーネントが読み取られる方向。使用可能な値には「RTL」(右から左) または「LTR」(左から右) があります。 | 11.0 | global | |
| helpText | String | マウスポインタを置いたときにフロート表示されるツールチップとして、この項目の横に表示されるヘルプテキスト。設定で項目にカスタムヘルプが定義されている場合に標準 Salesforce 項目の横に表示されるテキストに類似しています。このヘルプテキストは、親ページの showHeader 属性が true に設定されている場合にのみ表示されます。 | 12.0 | global | |
| id | String | ページの他のコンポーネントが pageBlockSectionItem コンポーネントを参照できるようにする識別子。 | 11.0 | global | |
| labelStyle | String | pageBlockSection 列の左側の「表示ラベル」セルのコンテンツを表示するために使用される CSS スタイル。 | 11.0 | global | |
| labelStyleClass | String | pageBlockSection 列の左側の「表示ラベル」セルのコンテンツを表示するために使用される CSS スタイルクラス。 | 11.0 | global | |
| labelTitle | String | pageBlockSection 列の左側の「表示ラベル」セルにマウスポインタを重ねたときに表示されるテキスト。 | 11.0 | global | |
| lang | String | 「en」または「en-US」など、生成された HTML 出力の基本言語。この属性についての詳細は、W3C 仕様を参照してください。 | 11.0 | global | |
| onDataclick | String | onDataclick イベントが発生した場合 (ユーザが pageBlockSection 列の右側の「データ」セルをクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatadblclick | String | onDatadblclick イベントが発生した場合 (ユーザが pageBlockSection 列の右側の「データ」セルをダブルクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatakeydown | String | onDatakeydown イベントが発生した場合 (ユーザがキーボードのキーを押した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatakeypress | String | onDatakeypress イベントが発生した場合 (ユーザがキーボードのキーを押したか、押したままにした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatakeyup | String | onDatakeyup イベントが発生した場合 (ユーザがキーボードのキーを放した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatamousedown | String | onDatamousedown イベントが発生した場合 (ユーザがマウスボタンをクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatamousemove | String | onDatamousemove イベントが発生した場合 (ユーザがマウスポインタを移動した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatamouseout | String | onDatamouseout イベントが発生した場合 (ユーザが pageBlockSection 列の右側の「データ」セルからマウスポインタを移動した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatamouseover | String | onDatamouseover イベントが発生した場合 (ユーザが pageBlockSection 列の右側の「データ」セルにマウスポインタを重ねた場合) に呼び出される JavaScript。 | 11.0 | global | |
| onDatamouseup | String | onDatamouseup イベントが発生した場合 (ユーザがマウスボタンを放した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelclick | String | onLabelclick イベントが発生した場合 (ユーザが pageBlockSection 列の左側の「表示ラベル」セルをクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabeldblclick | String | onLabeldblclick イベントが発生した場合 (ユーザが pageBlockSection 列の左側の「表示ラベル」セルをダブルクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelkeydown | String | onLabelkeydown イベントが発生した場合 (ユーザがキーボードのキーを押した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelkeypress | String | onLabelkeypress イベントが発生した場合 (ユーザがキーボードのキーを押したか、押したままにした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelkeyup | String | onLabelkeyup イベントが発生した場合 (ユーザがキーボードのキーを放した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelmousedown | String | onLabelmousedown イベントが発生した場合 (ユーザがマウスボタンをクリックした場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelmousemove | String | onLabelmousemove イベントが発生した場合 (ユーザがマウスポインタを移動した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelmouseout | String | onLabelmouseout イベントが発生した場合 (ユーザが pageBlockSection 列の左側の「表示ラベル」セルからマウスポインタを移動した場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelmouseover | String | onLabelmouseover イベントが発生した場合 (ユーザが pageBlockSection 列の左側の「表示ラベル」セルにマウスポインタを重ねた場合) に呼び出される JavaScript。 | 11.0 | global | |
| onLabelmouseup | String | onLabelmouseup イベントが発生した場合 (ユーザがマウスボタンを放した場合) に呼び出される JavaScript。 | 11.0 | global | |
| rendered | Boolean | コンポーネントをページに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 11.0 | global |