Call javascript function from your apex method

Question

The basic need for me is to find distance between 2 accounts. I have the lat and long of addresses in accounts stored in as custom fields in Account object.

In My VF page i have 2 lookups to choose the accounts. I also have a command button which would query the accounts and get the lat and long for these accounts. After which i need to call a javascript method

<apex:pageBlock title="Check Distance Between Vendors" mode="edit"  id="theBlock" >
        <apex:pageBlockButtons location="both"> 
             <apex:commandButton value="Find Distance" action="{!chkDistance}" rerender="theBlock"/>
        </apex:pageBlockButtons>
        <apex:pageBlockSection columns="2">
            <apex:inputfield value="{!Equipment.Ship_From__c}"></apex:inputfield>
            <apex:inputfield value="{!Equipment.ShipTo__c}"></apex:inputfield>
        </apex:pageBlockSection>
    </apex:pageBlock>

My javascript function

     function calculateDistances(){
     var origin1 = new google.maps.LatLng(55.930385, -3.118425); // hardcoded for now, these would come from the query of Account
     var destinationB = new google.maps.LatLng(50.087692, 14.421150);


    var service = new google.maps.DistanceMatrixService();
    service.getDistanceMatrix(
      {
        origins: [origin1],
        destinations: [destinationB],
        travelMode: google.maps.TravelMode.DRIVING,
        unitSystem: google.maps.UnitSystem.METRIC,
        avoidHighways: false,
        avoidTolls: false
      }, callback);   
      }



  function callback(response, status) {
    if (status != google.maps.DistanceMatrixStatus.OK) {
      alert('Error was: ' + status);
    } else {
        alert(response);
    }

My query here is

how do we call the javascript function after running the apex method to query on Accounts.
How do we get the queried lat longs into the javascript

Thanks

Sdry · Accepted Answer · 2012-08-20 12:10:46Z

Have you considered Javascript Remoting ?

Instead of using an actionbutton you could execute a javascript function launching a method in the controller. You'd receive a callback to javascript, where you can continue executing your required logic.

Documentation and an example can be found here: http://www.salesforce.com/us/developer/docs/pages/Content/pages_js_remoting.htm

GBreavin · Answer 2 · 2012-08-20 12:44:41Z

I'd upvote the Javascript Remoting answer if I was able :)

The other option (for completeness) is to:

Use the oncomplete attribute in the commandbutton (pass the name of the callback method)
Store the lat/long values in controller variables, and include them on the page with a style that hides them
Call your controller method - this should populate the variables, and re-render the part of the page that includes them with the new values
In the oncomplete method, grab the long/lat variables from the page and calculate the distance.

Not done the above, but as I understand it, that would work. Compared to Javascript Remoting however, it's nowhere near as neat.

Also, see this answer to a similar question: http://salesforce.stackexchange.com/a/574/167 I can't verify if it'll work, but presuming the math is right, you could save yourself a second callout.

I'll upvote your answer, so you can upvote Sdry's ;-) – metadaddy♦ Aug 20 '12 at 16:12

logontokartik · Answer 3 · 2012-08-20 13:32:16Z

Have you tried using AJAX instead

Use this

<script src="../../soap/ajax/23.0/connection.js" type="text/javascript"></script>

On the Commandbutton onClick event, call the Javascript function by passing the AccountId's, something like
```
onclick="calculateDistances('{!JSINHTMLENCODE(acctId1)}','{!JSINHTMLENCODE(acctId2)'});"
```
In the javascript function, use sforce.connection.query() , now you should be getting the values for the further processing.

joshbirk · Answer 4 · 2012-08-20 16:57:50Z

up vote 3 down vote

JS Remoting is often preferred here - if for some reason that does not work for you, use the actionFunction component to tie the Apex callback to a JS method.

answered Aug 20 '12 at 16:57

joshbirk
1,85526

add comment

asked	1 year ago
viewed	4787 times
active	1 year ago

Call javascript function from your apex method

4 Answers

Your Answer

Not the answer you're looking for? Browse other questions tagged visualforce javascript or ask your own question.

Linked

Call javascript function from your apex method

4 Answers

Your Answer

Sign up or login

Post as a guest

Not the answer you're looking for? Browse other questions tagged visualforce javascript or ask your own question.

Linked

Related