【Visualforce】コマンドボタンのactionの前に確認メッセージを表示するサンプル
コマンドボタンクリックでactionが実行される前に、Javascriptを実行して確認メッセージを表示するサンプルです。もちろん確認メッセージで"キャンセル"を選択した場合はactionは実行されません。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!-- Visualforceページ --> <apex:page controller="SampleController"> <apex:form> <apex:pageMessages /> <apex:pageBlock> <apex:pageBlockButtons location="bottom"> <apex:commandButton value="ボタン" action="{!buttonClick}" onclick="return confirmExecAction();"/> </apex:pageBlockButtons> </apex:pageBlock> </apex:form> <script type="text/javascript"> // action実行確認 function confirmExecAction() { if (window.confirm("実行します。よろしいですか?")) { return true; } else { return false; } } </script> </apex:page> |
ポイント
onclick属性でJavascriptの確認メッセージ表示処理を行います。その結果をreturnすることで、確認結果がtrue(OK)の場合にはactionが実行されますし、false(キャンセル)の場合にはactionが実行されなくなります。