Lightning Grid Custom Datatable

Aura Method


AuraMethodparent_ex

<aura:component >
    <aura:attribute name="message" type="String"
                    default="------ Hello From Parent -----"/>
    <c:AuraMethodchild_ex aura:id="childComponent"/>
    <div class="slds-m-around_xx-large">
        <lightning:button variant="brand" label="Call Aura Method"
                          onclick="{!c.callAuraMethod}" />
        <BR></BR> <BR></BR>
        <p>{!v.message}</p>
    </div>

</aura:component>

JS:

({
     callAuraMethod : function(component, event, helper) {
            var childCmp = component.find("childComponent");
            var retnMsg = childCmp.GetMessageFromChildMethod('vinayak');
            component.set("v.message", retnMsg);
     }

})


AuraMethodchild_ex

<aura:component >
    <aura:method name="GetMessageFromChildMethod" action="{!c.getMessage}"
                 access="public">
        <aura:attribute name="Name" type="String" default="vinayak"/>
    </aura:method>

</aura:component>


({
    getMessage : function(component, event) {
        var params = event.getParam('arguments');
        if (params) {
            var param1 = params.Name;
            return "##### Hello "+param1+" From Child Component #####";
        }
        return "";
    }

})


AuraMethodparent_ex_app.app

<aura:application extends="force:slds">
    <c:AuraMethodparent_ex/>

</aura:application>

O/P:

after clicking on AuraMethod