[SalesForce] Lightning Tab – Pass parameters

I am trying to navigate to a Newly setup tab using a lightning component. Component is configured to be used with RecordHome and contains recordId attribute. When navigating to the component, I would like to pass-in a parameter. I tried passing using using URL while firing e.force:navigateToURL event – but it seems like that's NOT going to work. Any help is greatly appreciated.

Thanks in advance

Best Answer

There is an event called force:navigateToComponent. This might help you. But it does not have any documentation.

For example:-

navigateToRollCall : function(component, event, helper) {
var evt = $A.get("e.force:navigateToComponent");
    evt.setParams({
        componentDef: "c:AttendanceRollCall",
        componentAttributes: {
            programId: component.get("v.program.Id")
        }
    });
    evt.fire();    
}

Related Solutions

[SalesForce] Variable Assignment in Community Builder Lightning Component

This does work but it's not documented so not really a good idea:

$A.get("$SObjectType.CurrentUser.Id")

The only documented way I think is to call a server side controller action: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/controllers_server_actions_call.htm

You'd probably want to fetch something like the UserId/ContactId once in your doInit.

[SalesForce] Navigation in Desktop Lightning Experience not Destroying Components

If LEX is not destroying the component upon Navigation, then destroy the component yourself when the Navigation happens by adding aura:locationChange

All did is added aura:locationChange to your code, upon the location change the handler call which in turn destroys the component using : component.destroy()

Eg:

Component:

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes">
    <aura:handler event="c:BoringAppEvent" action="{!c.test}"/>
    <aura:handler event="aura:locationChange" action="{!c.destoryCmp}"/>
    hi
    <ui:button press="{!c.onClick}" >App Event</ui:button>
</aura:component>

Controller:

({
    test : function(component, event, helper) {
        console.log('Clicked');
    },
    onClick : function(cmp, evt){
         var notEvt = $A.get('e.c:BoringApp');
         notEvt.fire();
    },
    destoryCmp : function (component, event, helper) {
        component.destroy();
    },
})

Renderer :

({
    unrender: function(){
        this.superUnrender();
        console.log('unrender');
    }
})

Best Answer

Related Solutions

[SalesForce] Variable Assignment in Community Builder Lightning Component

[SalesForce] Navigation in Desktop Lightning Experience not Destroying Components

Related Topic