【Visualforce】初期表示でapex:pageBlockSectionを折りたたんで表示する

Salesforce

apex:pageBlockSectionタグでセクションを切っている場合、初期表示時にそのセクションを折りたたんで表示したいときがありますよね。公式の開発者ガイドを見てもそれらしい属性が用意されていないようだったのですが、ググってみると意外とたくさん情報がありました。

ページ内すべてのセクションを折りたたんで表示したい場合

こちらのブログで紹介されていました。
SFDC:PageBlockSectionの折りたたみ

試しにやってみると初期表示ですべてのセクションが折りたたんで表示されることが確認できます。

下が、上記コードで初期表示した画面です。

特定のセクションのみ折りたたんで表示したい場合

全部は折りたたまなくてもいいので、特定のタブのみを折りたたんで初期表示したい場合、こちらも情報がありましたね。
[Visualforce]最初からページブロックセクションを閉じておく

1つ注意点としては、上記例だと同じapex:pageBlockタグ内にスクリプトを埋め込んでやらないとダメということですね。下記例だと上手くいきません。

もしスクリプトを外出ししたいなら、階層を追って指定してあげる必要があります。

階層を追って書く場合の参考(過去記事)はこちら。
【Visualforce】JavascriptからgetElementByIdで値を参照する方法

コメント

タイトルとURLをコピーしました