【Apex+Visualforce】action処理後にJavascript
Apexのaction処理後に、Javascriptのfunctionを実行する方法。
どんな仕掛けをすればいいかな~と考えていたのですが、apexタグのoncompleteを使うだけ、意外と簡単に実装できたのでメモ。
1 2 3 4 5 6 7 8 9 10 11 |
<!-- Visualforceページ --> <apex:page id="pg" controller="AfterJSController"> <apex:form id="frm"> <apex:commandButton value="ボタン" action="{!buttonClick}" oncomplete="afterAction();" reRender="frm"/> <script type="text/javascript"> function afterAction() { alert('{!msg}'); } </script> </apex:form> </apex:page> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
/** * Controllerクラス. */ public class AfterJSController { public String msg{get; set;} public AfterJSController() { this.msg = ''; } public void buttonClick() { this.msg = 'action実行したよ!'; } } |
動作確認

ボタンをクリックすると・・

action実行後にJavascriptが実行されました。