Allow a Vf button to execute an action and onClick in a particular order?

Question

As of now, I have a vf page with a save button for a form:

<apex:commandButton action="{! saveFields }" value="Save"/> 

I now want to be able to specify an onClick action causing the current window to close/refresh depending on the outcome of the saveFields action. For that, I thought of calling a js function with the onClick event like so:

<apex:commandButton action="{! saveFields }" status="busy" value="Save" onclick="saveHandler()"/> 

Furthermore, I want to make sure the onclick event is handled only after the action completes.

Is this the right way to go about it?

Answer 1

Below is the sample code how to use oncomplete attribute in actionfunction. First you need to call actionfunction. Once the actionfunction's "action" method is executed, method specified in oncomplete attribute will be called.

<apex:page>    
   <script>
    function callActionFUnction(){
        call();      // Action function is called using name attribute of action function.
    }
    function saveHandler(){
        // This function will be called after execution of saveFields action in controller. 
    }
   </script>
    <apex:actionfunction action="{!saveFields }" oncomplete="saveHandler()" name="call" reRender="success"/>
    <apex:commandButton status="busy" value="Save" onclick="callActionFUnction()"/>
 </apex:page>