【Apex+Visualforce】action処理後にJavascript

Apexのaction処理後に、Javascriptのfunctionを実行する方法。

どんな仕掛けをすればいいかな～と考えていたのですが、apexタグのoncompleteを使うだけ、意外と簡単に実装できたのでメモ。

<!-- 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>

<apex:page id="pg" controller="AfterJSController">

<apex:form id="frm">

<apex:commandButton value="ボタン" action="{!buttonClick}" oncomplete="afterAction();" reRender="frm"/>

function afterAction() {

alert('{!msg}');

}

</script>

</apex:form>

</apex:page>

/**
 * Controllerクラス.
 */
public class AfterJSController {
    
    public String msg{get; set;}
    
    public AfterJSController() {
        this.msg = '';
    }
    
    public void buttonClick() {
    	this.msg = 'action実行したよ！';
    }
}

/**

* Controllerクラス.

public class AfterJSController {

public String msg{get; set;}

public AfterJSController() {

this.msg = '';

}

public void buttonClick() {

this.msg = 'action実行したよ！';

}

動作確認

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

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