[SalesForce] Pass a string variable from controller into the Javascript function

I have a method which returns a Yes or No String depending on it's outcome.

The method is inside a standard controller extension. How do I pass the returned String into a function on the page in which the standard controller is called.

PAGE:

<apex:page extensions="CheckBtnExtension" standardController="myController" showHeader="false">

            <apex:form >
              <apex:actionFunction action="{! CheckIn }" name="checkIn" oncomplete="backToDetail(chkr)" />
            </apex:form>  
    <script>

        $(function() {
            $('#btn-check-in').click(function() {
                $.mobile.showPageLoadingMsg();
                checkIn();
            });         
        });       

        function backToDetail(chkr){
            alert(chkr)
        }  
     </script>

EXTENSION:

    public String CheckIn() {

    if (!recordList.isEmpty()) {        
        myObj record = recordList[0];
        isCheckedIn = record.Checked_In__c;

        if (isCheckedIn) {
            record.Checked_In__c = false;
            chkr = 'Yes'; 
        } else {
            record.Checked_In__c = true;
            chkr = 'No';
        }
        UPSERT record;
    } else {
        isCheckedIn = null;
    }  
   return(chkr);  
}

chkr is the String I want to pass into my JS. I just need to be able to stick it into an alert for now.

Any help would be appreciated.

Best Answer

You can change up some of your visualforce and javascript slightly to achieve this.

First lets change up the JS a tiny bit so it directly references the checkIn apex method and is wrapped in an element you can rerender.

<apex:outputPanel id="scriptContainer">
    <script>
        //on dom ready code is fine
        function backToDetail() {
            alert('{!checkIn}');
        }            
    </script>
</apex:outputPanel>

Now just change up the actionFunction definition so it doesnt call checkIn and instead it rerenders the script tag containing the backToDetail method. The purpose of doing this is that when it is doing the rerender it will replace alert('{!checkIn}') with alert('Yes') or alert('No').

<apex:actionFunction name="checkIn" oncomplete="backToDetail();" rerender="scriptContainer" />

Related Solutions

[SalesForce] How to pass String parameter to Javascript confirm() function

Try :

VF :

<script language="javascript">
    function askForConfirmation() {
            var test = '{!test}';
            var result = confirm(test);
            if(result)  {
                return true;
            }
            return false;
        }
</script>

<apex:form>
    <apex:commandButton value="Confermare" 
        onclick="if (!askForConfirmation()) { return false; }">
    </apex:commandButton>
</apex:form>

Controller :

public with sharing class TestJS {
    String test='Sure?';

    public String getTest() {
        return test;
    }
    public void setTest(String t) {
        test = t;
    }
}

[SalesForce] Get value from Javascript function, pass to controller

You have a few options here.

An actionFunction:

actionFunctions are created with the visualforce tag and will create a JavaScript method that you can invoke from anywhere else on your page (an onclick, your own script, etc.)

Within the actionFunction, you can put an tag which will link a var you pass to the actionFunction to a property on your controller. Check this sample controller/page that demonstrates the general setup:

<apex:actionFunction action="{!controllerMethod}" name="javascriptFunctionName" reRender="stuff">
    <apex:param name="publicToken" value=""/>
    <apex:param name="accountId" value=""/>
</apex:actionFunction>

Now, in your JavaScript, you can do the following:

javascriptFunctionName(public_token, metadata.account_id);

Invoking that JS function will invoke the action in your actionFunction and assign the values you pass as args to the params. So then in your controller, you can do this:

public void controllerMethod() {
    String publicToken = ApexPages.currentPage().getParameters().get('publicToken');
    String accountId = ApexPages.currentPage().getParameters().get('accountId');
    //Do whatever you need to do here with the publicToken and accountId.
}

A RemoteAction: https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_js_remoting_example.htm

RemoteActions expose methods in your apex controller extension to your scripts. In your controller, you would have a method that would look something like this:

@RemoteAction
public static void controllerMethod(String publicToken, String accountId) {
    //Do what you need to with publicToken and accountId...
}

The way you would use this in your JavaScript then is like this:

ControllerName.controllerMethod(public_token, metadata.account_id, function(result, event) {
    //This is a callback which will have the result if your controller method returns any value.
});

You can ALSO write the same method invocation like this:

Visualforce.remoting.Manager.invokeAction("ControllerName.controllerMethod", public_token, metadata.account_id, function(result, event) {
    //This is a callback which will have the result if your controller method returns any value.
});

Best Answer

Related Solutions

[SalesForce] How to pass String parameter to Javascript confirm() function

[SalesForce] Get value from Javascript function, pass to controller

Related Topic