How to use force:recordData to clone a record?

Question

I'm trying to clone an Opportunity record with certain values changed.

Below is my code (component will be launched from Lightning component action).

My Component Markup

<aura:component implements="flexipage:availableForRecordHome,force:lightningQuickActionWithoutHeader,force:hasRecordId" 
                controller="OpportunityClonner" >
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <aura:attribute name="recordId" type="String" access="PUBLIC"/> 
    <aura:attribute name="clonedRecId" type="String" access="PUBLIC"/>

    <aura:attribute name="newOpp" type="Opportunity"/>
    <aura:attribute name="simpleNewOpp" type="Opportunity"/>
    <aura:attribute name="newOppError" type="String"/>

    <aura:if isTrue="{!not(empty(v.newOppError))}">
        <div class="recordError">
            {!v.newOppError}</div>
    </aura:if>
    <div aura:id="spinner">
        <lightning:spinner alternativeText="Loading" size="large" />
    </div>
    <div>
        <div class="modal-header slds-modal__header">
            <h2 class="title slds-text-heading--medium">Clone Opportunity</h2>
        </div>

        <div class="modal-body scrollable slds-modal__content slds-scrollable_y">
            <force:recordData aura:id="clonnedRec"
                              recordId="{!v.recordId}"
                              layoutType="FULL"
                              mode="EDIT"
                              targetFields ="{!v.simpleNewOpp}" 
                              recordUpdated="{!c.handleRecordUpdated}"
                              />
        </div>

    </div>

    <div class="slds-float--right">
        <lightning:button label="Cancel" onclick="{!c.cancel}"/>
        <lightning:button label="Save" onclick="{!c.save}" variant="brand"/>
    </div>
</aura:component>

My JS controller code:

({
    doInit: function(component, event, helper) {
        console.log('rec: '+component.get("v.recordId"));
    },



    handleRecordUpdated: function(component, event, helper) {
        var eventParams = event.getParams();
        console.log(JSON.stringify(eventParams));
        if(eventParams.changeType === "LOADED") {
            // record is loaded (render other component which needs record data value)
            console.log("Record is loaded successfully.");

            var opp = component.get("v.simpleNewOpp");
            opp.Originated_From__c = component.get("v.recordId");
            opp.Id = null;
            component.set("v.simpleNewOpp",opp);

            //console.log('new opp: '+JSON.stringify(component.get("v.newOpp")));
            //console.log('simpleNewOpp: '+JSON.stringify(component.get("v.simpleNewOpp")));

            $A.util.addClass(component.find("spinner"), 'slds-hide');
        } else if(eventParams.changeType === "CHANGED") {
            // record is changed
        } else if(eventParams.changeType === "REMOVED") {
            // record is deleted
        } else if(eventParams.changeType === "ERROR") {
            // there’s an error while loading, saving, or deleting the record
        }
    },

    save : function(component, event, helper) {
        //component.find("clonnedRec").get("e.recordSave").fire();
        component.find("clonnedRec").saveRecord($A.getCallback(function(saveResult) {
            if (saveResult.state === "SUCCESS" || saveResult.state === "DRAFT") {
                console.log("Save completed successfully.");
                $A.get("e.force:closeQuickAction").fire();
            } else if (saveResult.state === "INCOMPLETE") {
                console.log("User is offline, device doesn't support drafts.");
            } else if (saveResult.state === "ERROR") {
                console.log('Problem saving record, error: ' + 
                            JSON.stringify(saveResult.error));
                //component.set("v.newOppError",saveResult.error);
            } else {
                console.log('Unknown problem, state: ' + saveResult.state + ', error: ' + JSON.stringify(saveResult.error));
            }
        }));

    },

        cancel : function(component, event, helper) {
            $A.get("e.force:closeQuickAction").fire();
        },
})

I'm setting Originated_From__c value just after loading the data, and clearing record Id, assuming it will enable me to clone the Opportunity.

But it seems does not do clonning, but saving the same record. Appreciate any help on this.

Thanks.

Answer 1

I believe the reason why your approach is not working might be because when you load the force:recordData with the record ID and then try to change the assigned id dynamically client side, the binding might still exists with the previous record ID. I would suggest you rather clone the record server side, and invoke it in the form afterwards for modification.

Answer 2

As the force:recordData is using for Provides the ability to create, read, update, and delete Salesforce records in Lightning. I don't think you can clone record with this component. You may just use the Apex controller with SObject.clone() method and with lighting:input or ui:input in Lightning component.