[SalesForce] Reload lightning component when clicking back from standard Opportunity Page

I have a lightning component in it's own page in Salesforce1 that allows me to click through to the standard Salesforce opportunity page.
(The component currently just shows basic Opportunity information.)

In the standard Opportunity page I can change values in the opportunity and save the new values. I then click the back button and Salesforce1 correctly navigates back to the lightning component.

The issue I seem to get a stale version of the Opportunity as the new values do not show on the component.

Is there way to refresh the component on navigating back?

I tried hooking in a doneRendering listener but that does not get called on the back navigation. Is there another event I can subscribe to within the lightning component?

Thanks

Best Answer

You could try firing force:refreshView during an aura:locationChange event. Add the locationChange handler to your component.

<aura:handler event="aura:locationChange" action="{!c.update}"/>

And handle the event in your JS code.

 update : function (component, event, helper) {
    // Get the new location token from the event if needed
    var loc = event.getParam("token");
     $A.get('e.force:refreshView').fire();
}

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

Related Solutions

[SalesForce] Navigation between components in lightning

This can now be accomplished via lightning:navigation documented here.

Summary

The target/ to component must implement lightning:isUrlAddressable interface and the source/ from component needs to include lightning:navigation, generate URL for a given pageReference (in this case to a custom component) and finally call the navigate method with that pageReference.

Here is a sample:

Target/ To Component

Component - myTarget.cmp

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,force:hasRecordId,lightning:isUrlAddressable">
    <lightning:card iconName="standard:settings" title="Navigation Example">
        <lightning:formattedText class="slds-p-left_small" value="This is your target component."/>
    </lightning:card>
</aura:component>

Source/ From Component

Component

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes">
    <lightning:navigation aura:id="navService"/>
    <lightning:button label="Navigate to Target Component" onclick="{!c.navigate}" />
</aura:component>

Controller JS

({
    navigate : function(component, event, helper) {
        var navService = component.find("navService");
        var pageReference = {
            "type": "standard__component",
            "attributes": {
                "componentName": "c__myTarget"
            }, 
            "state": {}
        };
        navService.navigate(pageReference);
    }
})

[SalesForce] Navigating to custom component from standard opportunity page in lightning experience

With Winter '17, you'll be able to launch a Lightning Component from an Action: https://releasenotes.docs.salesforce.com/en-us/winter17/release-notes/rn_forcecom_general_lightning_comp_actions.htm

You can also check this great blog post from Andrew Fawcett: https://andyinthecloud.com/2016/08/21/winter17-using-a-lightning-component-from-an-action/

Best Answer

Related Solutions

[SalesForce] Navigation between components in lightning

[SalesForce] Navigating to custom component from standard opportunity page in lightning experience

Related Topic