LoginSignup
3
1

More than 3 years have passed since last update.

VisualforceでOutputTextをうまく使う

Last updated at Posted at 2019-09-16

JavaのMessageFormatと同じ構文が使える

outputTextではDateや数値をうまく整形して想定通りの表示に切り替えることができます。

sample.vfp
<apex:pageBlockTable value="{!contactList}" var="con">
 <apex:column headerValue="CreatedDate" >
   <apex:outputText value="{!con.CreatedDate}"/>
 </apex:column>
</apex:pageBlockTable>

例えば上記のように作成日を表示させることがあったとして、SOQLから帰ってきた値をそのまま表示させると
このような表示になります。

スクリーンショット 2019-09-16 10.31.45.png

まあ、見れないことはないけど馴染みがないですよね。
その場合は下記のようにoutputText内でformat化することができます。

sample.vfp
<apex:outputText value="{0,date,yyyy/MM/dd}">
 <apex:param value="{!con.CreatedDate}"/>
</apex:outputText>

こうすると下記のようにformatされた表示に変更されます。

スクリーンショット 2019-09-16 10.40.42.png

outputTextを下記のように変更すれば

sample.vfp
0,date,yyyy/MM/dd G 'at' HH:mm:ss z

スクリーンショット 2019-09-16 10.48.40.png

こんなことも可能です。

うまく活用していきましょう。

参考

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1