[SalesForce] apex:actionstatus with remote-action call from javascript

i want to show waiting spinner on my remote-action call on command button with onClick event. i have wrote following code for that but its now working :

VisualForce Page:

<apex:actionStatus id="WORKING" >
 //loading spinner code.
</apex:actionStatus>
<apex:commandButton status="WORKING" value="click here" onclick="doCheckRun(true);return false;"></apex:commandButton>

<script>
function doCheckRun(preview){
     Controller.remoteActionFunction();
}
</script>

now when i click on command button then status="WORKING" is now showing the spinner if i add like this it is working :

<script>
     ShowSpinner();
</script>
<apex:actionFunction name="ShowSpinner" reRender="rerender" status="WORKING"/>

so when i add onClick event on command button its not working.

any help would be appreciated.

Best Answer

You can't use an apex:actionStatus element with a @RemoteAction or any other pure-JavaScript implementation (such as using XMLHttpRequest, webservice, sforce.connection.* methods, sforce.apex.* methods, etc).

Instead, you would have to draw your own spinner. apex:actionStatus only works with other Visualforce elements, such as apex:commandButton, apex:commandLink, apex:actionPoller, and apex:actionFunction.

<div id="spinner" style="display: none">
   <!-- spinner code here -->
</div>

<apex:commandButton status="WORKING" value="click here" onclick="doCheckRun(true);return false;"></apex:commandButton>

<script>
function doCheckRun(preview){
     document.getElementById("spinner").style.display = "block";
     Controller.remoteActionFunction(function(result) {
         document.getElementById("spinner").style.display = "none";
     });
}
</script>

Related Solutions

[SalesForce] Return Boolean From Action Function called from JS

You could wrap a script in an outputPanel and rerender it on every save. Then you'd have the most up-to-date value of the variable. eg:

<apex:outputPanel id="saveResultScript">
    <script>
    function confirmProceed (){
        var dataSaved = "{!JSENCODE(dataSaved)}";
        if(dataSaved == 'false' && !isDirty) {
            if(confirm('Are you sure you wish to continue - any unsaved changes will be lost.')) {
            }
        }else {
            return false;
        }
    }
    </script>
    </apex:outputText>
</apex:outputPanel>

Outside this block we have another script tag which we'll put the isDirty variable (so it doesn't get rerendered on save)

<script>
var isDirty = false;
</script>

As long as this entire panel is rerendered on every save, we can check the newly updated dataSaved variable and the locally updated isDirty variable (you said you had a variable that performs this function on any onenter event)

This way, we don't need to talk to the controller for confirmProceed to work. Hopefully this helps a little. I feel a little unsure of your requirements, but this is something that I have done several times myself and it works pretty well.

Oh and using a RemoteAction as suggested in the comments would probably work too, as long as you keep in mind that RemoteAction methods need to be static. They definitely return a value immediately for you to act on.

Update One last thought - you could use a RemoteAction to save your data and then (depending on the result) call an actionFunction to update the dataSaved var on the controller non-statically - while you can do what you want without waiting for a rerender - this should be very performant.

[SalesForce] How to retain same page in jquery data table

Since you want to display the records which has been edited in the first page, you can probably query the records based on the Last Modified Date

<apex:pageblocktable value="{!lst}" var="a"  id="aa">

In this lst, try to query the records from the object Ordered by Last Modified Date. For example if your Custom Object is CountryList__c, you can do an SOQL query like:

lst = [SELECT Id, Name, IsPraTrialConducted FROM CountryList__c ORDER BY LastModifiedDate ]

Best Answer

Related Solutions

[SalesForce] Return Boolean From Action Function called from JS

[SalesForce] How to retain same page in jquery data table

Related Topic