Lightning RefreshView event not working on record detail page

Question

I found that the RefreshView event doesn't always reload record data. I'm writing a Lightning Component that updates a record, then tries to reload the record details to show the changes, but sometimes the view is not updated and shows old values.

This usually happens on the first record interaction (on the first or second button click), or after a reload (F5).

Any idea why?

For example: two buttons that update the record Status with different values. Buttons are rendered based on the server status (and this works well), but the record details sometimes are obsolete. I also double-checked with server data, and I can confirm that client view is obsolete, despite the cache Session Setting.

If I click on the button Confirm (Status 2), the component updates Case.Status = "Status 2" and reloads itself. Then the button Reset (Status 1) appears, but the record detail page still shows the old value (Status 1). See the screen below:

This is the code of the Component:

<aura:component controller="SampleButtonCmpCnt" access="global" implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,force:hasSObjectName">
    <aura:attribute access="global" name="recordId" type="ID" />
    <aura:attribute access="private" name="status" type="String" />
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
    <aura:handler event="force:refreshView" action="{!c.doInit}"/>

    <aura:if isTrue="{!v.status == 'Status 2'}">
        <ui:button press="{!c.reset}">Reset (Status 1)</ui:button>
    </aura:if>

    <aura:if isTrue="{!v.status == 'Status 1'}">
        <ui:button press="{!c.confirm}">Confirm (Status 2)</ui:button>
    </aura:if>
</aura:component>

The controller:

({
    doInit : function(component, event, helper){
        helper.setCurrentStatus(component, event, helper);
    },
    confirm : function(component, event, helper) {
        helper.updateRecordHelper(component, event, helper, 'confirm');
    },
    reset : function(component, event, helper) {
        helper.updateRecordHelper(component, event, helper, 'reset');
    }

})

The helper:

({
    setCurrentStatus : function(component, event, helper){
        component.set("v.status", null);
        var action = component.get("c.queryRecordStatus");
        action.setParams({
            sfid : component.get("v.recordId"),
        });
        action.setCallback(this, function(response) {
            var state = response.getState();
            if (state === "SUCCESS") {
                var status = response.getReturnValue();
                component.set("v.status", status);
            } else {
                alert('ERROR');
            }
        });
        $A.enqueueAction(action);
    }, 
    updateRecordHelper : function(component, event, helper, actionName) {
        var action = component.get("c.updateRecord");
        action.setParams({
            sfid : component.get("v.recordId"),
            actionName : actionName
        });
        action.setCallback(this, function(response) {
            var state = response.getState();
            if (state === "SUCCESS") {
                var result = response.getReturnValue();
                if(!result){
                    alert('Error occurred');
                }else{
                    $A.get('e.force:refreshView').fire();
                    this.setCurrentStatus(component, event, helper);
                }
            }
        });
        $A.enqueueAction(action);
    }
})

While this is the server-side controller:

@AuraEnabled
public static String queryRecordStatus(String sfid){
    return [Select Status From Case Where Id =:sfid][0].Status;
} 

@AuraEnabled
public static Boolean updateRecord(String sfid, String actionName){
    try{
        String objectName = ((Id)sfId).getSObjectType().getDescribe().getName();
        SObject sObj = Schema.getGlobalDescribe().get(ObjectName).newSObject() ;
        sObj.put('Id', sfid);
        if(actionName == 'Confirm'){
            sObj.put('Status', 'Status 2');
        }else if (actionName == 'Reset'){
            sObj.put('Status', 'Status 1');
        }
        update sObj;
    }catch(Exception e){
        System.debug(e.getMessage());
        return false;
    }
    return true;
} 

Answer 1

So now that I understand correctly your problem, I have a better answer. This is a known issue.

You can subscribe to it to receive a notification once it's fixed.

Answer 2

It's supposed to work, but I think there is currently an issue around that. In the meantime, you can add a handler and update your component manually:

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

Note that refresh is working if you're using Lightning Data Service instead of a custom Apex Class/SOQL.

I'll update the answer if I can find some additional information about the issue itself.

Answer 3

I encountred also the same issue!

As a workaround, I forced the refresh with the javascript function location.reload() like below:

In the cmp, I added a Handler for the force:refreshView event

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

In the Controller, I used the native Javascript function location.reload() to reload the page.

isRefreshed: function(component, event, helper) {
    location.reload();
}