[SalesForce] How to get the current record ID from within a Visualforce Lightning component (without using a Standard Controller)

How do I get the record ID of the current record (regardless of object type) when I am writing Visualforce / Apex that is running inside of a Visualforce Page included in a lightning page layout via a lightning Visualforce Page component?

This question was originally marked as a duplicate – Accessing Record Id inside a lightning app page component (visualforce page used as component) controller

The solution described is to use a Standard Controller plus an extension. In my case since this page could appear on any object layout (i.e. Account, Opportunity, Case etc…) and because as I understand it a Standard Controller requires an object literal I don't think this method is viable to grab the ID and utilize the same VF Page across all potential objects it may be placed on.

Best Answer

Is using the recordId interface within the Lightning Component an option?

Such as:

    <aura:component implements="force:lightningQuickAction,force:hasRecordId,force:hasSObjectName" access="global" >
    <aura:attribute name="recordId" type="String"/>
    <aura:attribute name="sObjectName" type="String" />
    <b>{!v.recordId} </b><br/>
    <b>{!v.sObjectName} </b><br/>
</aura:component>

I am not sure if this solves the visualforce part of your issue though.

Related Solutions

[SalesForce] how to update the record in lightning components when calling from Visualforce page

Seems like you're most of the way there already.

I'd suggest switching from

<force:inputField value="{!v.lead.Street}" />

<ui:inputText value="{!v.lead.Street}" />

as the force components and events do not appear to be available when using Lightning Out.

The other suggestion I have is to write your own 'Save' functionality in the Lightning Component Controller.

Your Apex Controller could be as simple as:

@AuraEnabled
public static Lead saveLead(Lead myLead){
    try {
        upsert myLead;
    } catch (Exception e) {
        throw new AuraHandledException('Unable to save lead: ' + e.getMessage());
    }

    return myLead;
}

and your client-side controller could be as simple as:

saveLead: function (component, event, helper){
    var action = component.get("c.saveLead");
    var myLead = component.get("v.lead");
    action.setParams({ "myLead": myLead });

    action.setCallback(this, function(response) {
        var state = response.getState();
        // display a message to your user, prompting them to close
        // the action modal
        console.log(state);
    });

    $A.enqueueAction(action);
}

with a simple button

<ui:button label="Save" press="{!c.saveLead}"/>

Additionally, here's a blog that might help.

[SalesForce] Lightning Components: How to fix New Button in Related Lists of Visualforce Pages rendered insinde a Visualforce Component on a Flexipage

This has apparently been reported as a known issue with no listed workaround at this time. https://success.salesforce.com/issues_view?id=a1p3A000001Yn4bQAC

Best Answer

Related Solutions

[SalesForce] how to update the record in lightning components when calling from Visualforce page

[SalesForce] Lightning Components: How to fix New Button in Related Lists of Visualforce Pages rendered insinde a Visualforce Component on a Flexipage

Related Topic