[SalesForce] Refresh parent lightning component detail page from embedded lightning component

I have a lightning component in a custom lightning record detail page. I want to force refresh on the parent page when the lightning component is loaded. i.e.

I open a record.
Record detail page loads- this is the custom lightning record detail page.
Custom lightning component embedded at the bottom of the page loads.

In the custom lightning embedded component, I have the following piece of code. (within helper)

updateAssignedTo : function(component, event, helper) {
var recordId = component.get("v.recordId");
console.log('Record Id&&&&&&****'+recordId);
var action = component.get("c.updateAssignedTo");

action.setParams({
    accountRequestId : recordId,
});

action.setCallback(this, function(response){
    var state = response.getState();
    if (state === "SUCCESS") {
      **$A.get('e.force:refreshView').fire();**
    }else if (state === "ERROR") {

    }
});
$A.enqueueAction(action);
},

var action = component.get("c.updateAssignedTo"); is successfully called.

I am trying the refresh the parent page by the following piece of code.

$A.get('e.force:refreshView').fire();

However, it is not happening.

Is this a feasible way to do it?

Best Answer

Try using lightning data service, and then call a controller method in the "recordUpdated" attribute. Something like this-

Component

<aura:attribute name="oppRecord" type="Opportunity" />
<aura:attribute name="recordId" type="Id" />

<force:recordData aura:id="dataService"
                      recordId="{!v.recordId}"
                      targetFields="{!v.oppRecord}"
                      fields="Id,Name,StageName,..(whatever you want, or use the layout)"
                      layoutType="FULL"
                      mode="EDIT"
                      recordUpdated="{!c.handleRecordUpdated}"/>

Javascript Controller

handleRecordUpdated : function(component, event, helper) {
    // refresh the page with the record updates
    $A.get('e.force:refreshView').fire();
},

Related Solutions

[SalesForce] $A.get(‘e.force:refreshView’).fire() did not refresh the record detail component

You are not supposed to give same name to the apex controller's method and the function which is called on click. Also, you should pass event along with the component in the same. Please find the code below:-

Controller:-

save : function(component, event) {                
        var action = component.get("c.apexSave"); 
        action.setCallback(this, function(action) {                
           $A.get('e.force:refreshView').fire(); 
        }); 
        $A.enqueueAction(action); 
    }

Note save and apexSave.

The server-side action is also provided by the “c” value provider. This is the same value provider that provides the JavaScript controller event handler which handles the press event of the button and the init event. Because of this, you need to make sure that you do not name your Apex controller methods with the same name as your JavaScript controller methods. It’s easy to make the mistake of naming them same because it is natural to want to be consistent in naming.

Source:- Salesforce1 Lightning Components – Working with Controllers

You may use an aura handler to make sure that whether it has been refreshed successfully.

<aura:handler event="force:refreshView" action="{!c.isRefreshed}" />

[SalesForce] Refresh parent page on close of lightning quick action modal

You can try force:refreshView, which reloads all data for the view. So in addition to $A.get("e.force:closeQuickAction").fire(); add $A.get('e.force:refreshView').fire(); in your setCallback method.

({
    handleClick : function(component, event, helper) {
        var saveLeadAction = component.get("c.leadSave");
        saveLeadAction.setCallback(this, function(a) {
            if (a.getState() === "SUCCESS") {
                $A.get("e.force:closeQuickAction").fire();
                $A.get('e.force:refreshView').fire();

            }else if (res.getState() === "ERROR") {
                console.log("Errore Saving Contact ");
            } 
        }); 
        $A.enqueueAction(saveLeadAction);
    }
})

Related Topic