[SalesForce] Cannot load data using force:recordData from the component

I'm struggling to get fetch data from my component using Lightning Data Service.
My component is linked to a custom action to create a new record for a custom object.
Below is the error i get when the page load :

—————myComponent.cmp———————–

<aura:component implements="lightning:actionOverride,flexipage:availableForRecordHome,force:hasRecordId" access="global" >

<!--components attributes-->
<aura:attribute name="customObject" type="Object"/>
<aura:attribute name="newCustomObject" type="Object"/>
<aura:attribute name="simpleCustomObject" type="Object"/>
<aura:attribute name="customObjectError" type="String"/>
<force:recordData aura:id="customObjectRecordLoader"
    LayoutType="FULL"
    fields=""
    recordId="{!v.recordId}" 
    targetRecord="{!v.newCustomObject}"
    targetFields="{!v.simpleCustomObject}"
    targetError="{!v.customObjectError}"
    mode="EDIT"
/>
    <aura:if isTrue="{!not(empty(v.newCustomObjectError))}">
        <div class="recordError">
            <ui:message title="Error" severity="error" closable="true">
                {!v.newCustomObjectError}
            </ui:message>
        </div>
    </aura:if>
</aura:component>

——————-myComponentController.js————————————–

({
 doInit: function(component, event, helper) {
  component.find("customObjectRecordLoader").getNewRecord(
   "Custom_Object__c", // objectApiName
   null, // recordTypeId
   false, // skip cache?
     $A.getCallback(function() {
       var rec = component.get("v.newCustomObject");
       var error = component.get("v.newCustomObjectError");
      if(error || (rec === null)) {
        console.log("Error initializing record template: " + error);
      }
      else {
        console.log("Record template initialized: " + rec.sobjectType);
      }
    })
  );
 }
})

I really don't understand what's wrong with my code so thank a lot for your help!

Best Answer

Case sensitivity for layoutType.

FYI, you probably shouldn't include a null fields attribute if you have layoutType specified.

The fields attribute should be specified in conjunction with layoutType when you want fields that are absolutely needed, even if they were removed from the page layout

<force:recordData aura:id="customObjectRecordLoader"
    layoutType="FULL"
    recordId="{!v.recordId}" 
    targetRecord="{!v.newCustomObject}"
    targetFields="{!v.simpleCustomObject}"
    targetError="{!v.customObjectError}"
    mode="EDIT"
/>

Related Solutions

[SalesForce] In not able to set it’s recordId Attribute from client-side controller

There are couple of changes you need to make in order to work it:

use reloadRecord() Method so that force:recordData can understand your assignment.
Use recordUpdated attribute in force:recordData to get notify of change

So your code will look like this

component

<aura:component controller="SampleClass">
    <aura:attribute name="sfEnv" type="List" />
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> 
    <aura:attribute name="envId" type="String"/>

    <force:recordData aura:id="deleteHandler" 
                      recordId="{!v.envId}" fields="Id" recordUpdated="{!c.recordUpdated}"/>

    <aura:iteration items="{!v.sfEnv}" var="env" > 
        <lightning:button iconName="utility:delete" value="{!env.Id}" 
                          onclick="{!c.handleDeleteRecord}" variant="base"/>
    </aura:iteration>
    {!v.envId}  <!--Id coming here-->
</aura:component>

Js controller

({
    doInit : function(component, event, helper) {
        helper.helperMethod(component);
    },
    recordUpdated : function(component, event, helper) {

        component.find("deleteHandler").deleteRecord($A.getCallback(function(deleteResult) {
            if (deleteResult.state === "SUCCESS" || deleteResult.state === "DRAFT") {
                helper.helperMethod(component);
                alert("Record is deleted.");
            }               
        }));
    },
    handleDeleteRecord: function(component, event, helper) {
        var result = confirm("Want to delete?");
        if (result) {
            component.set("v.envId",event.getSource().get("v.value"));
            component.find("deleteHandler").reloadRecord();
        }
    }
})

helper method (to reload remaining records)

({
    helperMethod : function(component) {
        var action = component.get("c.getAllEnvironments");
        $A.enqueueAction(action);
        action.setCallback(this,function(response){
            if(response.getState() == "SUCCESS"){
                component.set("v.sfEnv",response.getReturnValue());
            }
        });
    }
})

[SalesForce] get the value from force:RecordData on Init handler

force:recordData handles loading the record(s) asynchronously. As such, it will not be available during the init handler (there hasn't been a chance to run asynchronous code yet), and will likely not be available in the first render/afterRender cycle either.

The official method is to use the recordUpdated event.

<aura:attribute name="record" type="Asset" />

<force:recordData layoutType="FULL"
                  recordId="{!v.recordId}"
                  targetFields="{!v.record}"
                  recordUpdated="{!c.recordUpdate}" />

({
    recordUpdate: function(component, event, helper) {
        alert(component.get("v.record").Name);
    }
})

Best Answer

Related Solutions

[SalesForce] In not able to set it’s recordId Attribute from client-side controller

[SalesForce] get the value from force:RecordData on Init handler

Related Topic