SalesForce.com/VisualForce/Apexタグ/pageBlock の変更点

Top > SalesForce.com > VisualForce > Apexタグ > pageBlock


*<apex:pageBlock>
 Salesforceの詳細ページの外見と同様のスタイルを使用する。

**属性
,Attribute,Valueの型,デフォルト,概要
,dir,String,,"生成されたHTMLコンポーネントを読む、という指示。 値にはRTL(Right To Left)かLTR(Left To Right)がある。"
,helpTitle,String,,"pageBlockのヘルプリンク上にマウスが載っている状態のときに表示されるテキスト。また、明示した場合、helpURLの値を設定しなければならない。"
,helpUrl,String,,"page block のヘルプを提供するウェブページのURL。明示されるとpage blockの右上にヘルプリンクが表示される。また、明示した場合はhelpTitleの値を設定しなければならない。"
,id,String,,"他のコンポーネントがこのコンポーネントを参照するための識別子。"
,lang,String,,"生成されたHTMLアウトプットの基本言語。例:enや en-USなど。この属性に関する詳しい内容はhttp://www.w3.org/TR/REC-html40/struct/dirlang.htmlを参照。"
,mode,String,detail,"このコンポーネントの子要素の初期ユーザモード。"
,onclick,String,,"コンポーネントをクリックしたときに実行されるJavaScript。"
,ondblclick,String,,"コンポーネントをダブルクリックしたときに実行されるJavaScript。"
,onkeydown,String,,"キーを叩いたときに実行されるJavaScript。"
,onkeypress,String,,"キーを押さえ続けたときに実行されるJavaScript。"
,onkeyup,String,,"キーを放したときに実行されるJavaScript。"
,onmousedown,String,,"マウスをクリックしたときに実行されるJavaScript。"
,onmousemove,String,,"マウスポインタを動かしたときに実行されるJavaScript。"
,onmouseout,String,,"マウスポインタをコンポーネントから離して動かしたときに実行されるJavaScript。"
,onmouseover,String,,"マウスポインタをコンポーネントへ向けて動かしたときに実行されるJavaScript。"
,onmouseup,String,,"マウスボタンを放したときに実行されるJavaScript。"
,rendered,Boolean,TRUE,"コンポーネントがページ上で実行されるかどうかを明示するBoolean値。"
,tabStyle,String,このページのスタイルのまま,"pageBlockの配色をコントロールするSalesforceオブジェクトまたはカスタムVisualforceタブ。Salesforceオブジェクトを使用する場合、属性を指定する。例:MyCustomObjectに関連するスタイルを使用する場合は、tabStyle=MyCustomObject__cを使用する。Sourceという名前のカスタムVisualforceタブのスタイルを使用する場合は、アンダースコア2つとtabを語尾に付けた、tabStyle=Source__tabを使用する。"
,title,String,,"Page blockのタイトルとして表示されるテキスト。pageBlockコンポーネント内にヘッダー要素が含まれている場合、この属性は無効になります。"

**使用例
取引先ページと同じスタイルを使用。
ヘルプリンクを使用。
ヘルプリンクを定義。
 <apex:page standardController="Account">
     <apex:form>
         <apex:pageBlock title="Account" mode="edit" helpTitle="GO SRICH" helpUrl="http://www.sorich.jp/">
             <apex:pageBlockButtons>
                 <apex:commandButton action="{!save}" value="Save"/>
             </apex:pageBlockButtons>
             <apex:pageBlockSection title="Account Section" columns="2">
                 <apex:inputField value="{!account.name}"/>
                 <apex:inputField value="{!account.site}"/>
                 <apex:inputField value="{!account.type}"/>
                 <apex:inputField value="{!account.accountNumber}"/>
                 <apex:inputField value="{!account.Fax}"/>
                 <apex:inputField value="{!account.Phone}"/>
             </apex:pageBlockSection>
         </apex:pageBlock>
     </apex:form>
 </apex:page>

実行するには存在するAccountIdをつけてアクセスする。
 https://<salesforceHost>/apex/MyPage?id=AccountId
-<salesforceHost>は自分の環境のsalesforceHost名。
-MyPageは自分が作成したVisualforceページ名。
-AccountIdは自分のAccontテーブルに実在するレコードのID。

TOP