3

Is there a way directly return a value from a controller function which is invoked through aura:method?

Example: I have a "super" component with the following markup

SuperComp.cmp:

<aura:component>    
    <aura:method name="getValue" action="{!c.onGetValue}" access="public" />
</aura:component>

SuperCompController.js:

onGetValue : function(component, event, helper) 
{
    return 100;
}

In the application I instantiate the component and I want to call the public method like this

MyApp.cmp:

<aura:application>
    <aura:handler name="init" value="{!this}" action="{!c.onInit}" />
    <c:SuperComp aura:id="myComp" />
</aura:application>

MyAppController.js:

onInit : function(component, event, helper)
{
    console.log(component.find("myComp").getValue());
}

Unfortunately the console output is always undefined (checked that getValue is invoked). So how can I get the value returned from the aura:method?

A workaround would be changing the definition of aura:method by adding an attribute which accepts a javascript callback function and call the callback, but that makes it not so reusable at all.

11

Methods in Lightning components do not return a value, also came to the same outcome as yourself.

However, I did learn to use and love component events with dynamic event handlers. What you can do from the calling component is fire a component event from within the component you wish to call the method on currently and attach a dynamic event handler for the component finishes processing.

So for example, you can fire an event from where you want to fire the method now like so:

otherComponent.getEvent('provide').fire();

Then also attach a dynamic event handler to listen for a response:

otherComponent.addHandler('responseEvent', component, 'c.handlingControllerAction');

The approach has the benefit of decoupling your components and if you need your other component to do asynchronous work then you can as also the response event would be fired asynchronously. It also allows multiple components to listen out for this event and also react accordingly.

Find more information on the Salesforce help:

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/js_cb_dynamic_handler.htm

Hope this helps!

| improve this answer | |
  • Thank you Adam, I haven't thought about the dynamic event driven approach indeed - sounds good. – Christian Menzinger Mar 21 '16 at 10:10
7

+1 for Adam's repsonse.

Update: One can now use a return statement to pass back the desired response. Documentation: https://developer.salesforce.com/docs/atlas.en-us.210.0.lightning.meta/lightning/js_cmp_methods_sync.htm

Original: In Winter 18, the next Salesforce release coming in October, it will now allow Aura method's to return a value using return: Return a Result from aura:method

| improve this answer | |
  • That's a great find. Thank you for your contribution! – sfdcfox Aug 28 '17 at 17:11
  • Indeed very useful now. You can use promises with Aura Methods too. – Adam Apr 6 '18 at 6:50
3

You can get return value using parameter. E.g. pass following parameter to the method:

var result = {};
component.find("myComp").getValue(result);
console.log(result['returnValue']);


onGetValue : function(component, event, helper) 
{
    var params = event.getParam('arguments');
    params.param['returnValue'] = 'hello world';
}
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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