[SalesForce] Access parent record id from visualforce page called in custom list button

I’m trying to create a custom List button that can call a Lightning Component. However because that’s not yet directly possible, I’m trying to embed the Lightning Component in a Visualforce page and call it that way.

Which works – I get a screen with the contents of the Lightning component when I click the List button.

However I can’t seem to get any relevant Id’s to work with (ie either the ID of the parent Opportunity where the related list is displayed, or the list of IDs of the records that are currently displayed in the related list). I can get a list of the IDs of all the records of the related list objects that exist in the system (printed above) but that isn’t helpful. I want the Lightning Component to be able to make updates on the records listed in the related list.

And now for the code…

Visualforce page that is called from the custom List button “Release Hold via vf page”:

<apex:page standardController="Reservable_Hold__c" recordSetVar="Holds">
    <apex:includeLightning />

    <div id="RemoveHold"/>

    <div>
        <apex:dataList value="{!Holds}" var="item">
            <apex:outputText value="{!item}"/>
        </apex:dataList>  
    </div>

    <script>
    var objHolds = '{!Holds}';
    var arrayHolds = objHolds.split(",");
    console.log("arrayHolds: " + arrayHolds + " arrayHolds[0]: " + arrayHolds[0] + " arrayHolds[1]: " + arrayHolds[1]);
    $Lightning.use("c:LightningComponents", function() {
        $Lightning.createComponent("c:HoldOff",
                                   {"recordId" : arrayHolds[1]},
                                   "RemoveHold",
                                   function(component){
                                       alert("successfully created the Remove Hold component with the Holds: {!Holds}");
                                   }
                                  );
    });
    </script>

</apex:page>

So in the second screenshot, the top part is the Lightning Component which is returning just fine, and the list of IDs currently displayed is a list of all the records of the related list object that exist in the system (only a handful as I’m in a sandbox). For now I’m just trying to get a useful record ID to print here so eventually I’ll pass it to the Lightning Component to work on.

In the first screenshot, I know that if the person clicks into “View All” then they could select the relevant records using checkboxes and I would get those Ids in the recordSetVar list, but that was not preferable as without a visual cue here the person wouldn’t easily know from this page how to release the holds.

So – is it possible in the visualforce page to get the record ID of the parent Opportunity or else get a list of just the related records displaying in the list instead of all records? Before/without manually selecting the records in the “View All” screen?

(For more context or if someone has a better idea of how to approach this, here’s the bigger picture of the problem I’m trying to solve:
Desired requirement was to add an option to the action drop-down list on the row level called “Release Hold.”

Because it’s currently not possible to add items there, the next idea was to create the button at the top of the related list and manage the full list from the Lightning Component instead of one record at a time.

It seems really ridiculous to build a related list component from scratch just to get this functionality (especially because there’s no standard Lightning component related list yet) so I’m hoping there’s a better way…)

Best Answer

I was able to access the Parent record Id using the below code.

<script>
    $Lightning.use("c:LAPP_CreateReturnRequest", function() {
      $Lightning.createComponent("c:LCMP_CreateReturnRequest",
          { opportunityId : '{!$CurrentPage.parameters.id}' },
          "lightning",
          function(cmp) {
            alert('component created successfully');
          }
      );
    });
</script>

Related Solutions

[SalesForce] getting “Error: Unknown property ‘Opportunity_Package__cStandardController.Opp_Package_Rel__c’ ” from this Visualforce page

There are two standard controllers, one gives you access to a single sObject, the other gives you a list.

When your page only used the attribute standardController, you had the single-object controller in your page. This requires you to pass in an ID value if you want to see a record, it queries for you, and you then have access to a single sobject instance by the exact API name of that object.

<apex:page standardController="My_Object__c">

I can now bind to an instance (you could also say a record) from that object by name, so the following is allowed:

<apex:inputField value="{!My_Object__c.name}"/>

But if you want the controller that is a list of data, that one is actually called "Standard List Controller" or StandardSetController, depending on the docs. The way you make your page use that one is using the recordSetVar attribute on your page.

When you do that, you transmogrify the way the controller works, and you no longer have access to a single record any more, and the list will be populated based on the last used List View by that user.

<apex:page standardController="My_Object__c" recordSetVar="mylist">

  <apex:outputField value="{!My_Object__c.name}"/> <--this is not allowed

  <apex:dataList value="{!mylist}" var="item"> <-- this is allowed
    <apex:outputField value="{!item.Name} <-- so is this
  </apes:dataList>

So it's an either or scenario. Either your page uses standardController and you have access to the one record, or it uses standardController + recordSetVar and you have access to the list of records.

But given you already are using an extension, if you need a list of Opportunity_Package__c records in your page, rather than trying to use recordSetVar like you're doing, I would suggest you just create a new property in your extension and bind to that.

public List<Opportunity_Package__c> listOfOppPacks {get;set;}

Then you can just populate it yourself when you need to.

[SalesForce] Visualforce page with custom conroller not available for button

Recommended reading: Difference between controller and extensions

Here you are working on writing a Controller Extension. You add this Apex Class to your page via the extensions attribute on the <apex:page> tag.

If you want to enable a Detail Button on Account, your Visualforce Page must use the standardController attribute.

<apex:page standardController="Account" extensions="AccountRenewal">

Then your class needs a constructor that accepts this standardController as a parameter.

public with sharing class AccountRenewal
{
    public AccountRenewal(ApexPages.StandardController controller)
    {
        // extension constructor logic
    }
}

If you want instead to enable a List Button on Account, your Visualforce Page must use the recordSetVar attribute in addition to the standardController attribute.

<apex:page standardController="Account" recordSetVar="accounts" extensions="AccountRenewal">

Then your class needs a constructor that accepts standardSetController as a parameter.

public with sharing class AccountRenewal
{
    public AccountRenewal(ApexPages.StandardSetController controller)
    {
        // extension constructor logic
    }
}

Best Answer

Related Solutions

[SalesForce] getting “Error: Unknown property ‘Opportunity_Package__cStandardController.Opp_Package_Rel__c’ ” from this Visualforce page

[SalesForce] Visualforce page with custom conroller not available for button

Related Topic