[SalesForce] Lightning Action on List View (Multiple Records Selected)

I've found it difficult to find a recent answer to the question: Is it possible yet to perform mass updates to records on a list view using Lightning Components?

Essentially, I want users to be able to select multiple records in a List View, click a button, and have a Lightning Component process each and update a picklist value.

I know this is possible (and well documented) using Visualforce and the Standard Controller / extensions, but curious if there is a way to do so using Lightning Components (or even Lightning Web Components) yet.

Best Answer

I haven't tried this method but from an earlier answer posted might help - link

You can use the "lightning:isUrlAddressable" to access a lightning component using an url and create a "List Button" with behavior as "Display in existing window without sidebar or header" that directs you to the component URL, as mentioned in the documentation:

https://developer.salesforce.com/docs/component-library/bundle/lightning:isUrlAddressable/documentation

The URL in the list button should look like below:

{!URLFOR('/lightning/cmp/namespace__componentName', null, [param=value])}

Related Solutions

[SalesForce] Lightning Component: Iterate list of elements to change style

Here is a sample code for the scenario

<aura:component>
<aura:attribute name="arrvals" type="integer[]" default="1,2,3,4,5"/>  

<div aura:id="main">
    <aura:iteration items="{!v.arrvals}" var="r">
      <div aura:id="{!r.Id}" class="slds-page-header data-row" role="banner" onclick="{!c.showDetail}" data-id="{!r}" data-name="{!r}">
        Hello List No {!r}
      </div>
    </aura:iteration>
</div>

The JS controller

({
showDetail: function(component, event, helper) {
    var arr = [];
    arr = component.find("main").getElement().childNodes;
    console.log(event.target);
    for(var cmp in component.find("main").getElement().childNodes) {
        $A.util.removeClass(arr[cmp], "selectedRow");
    }
    var targetElement = event.target;
    $A.util.addClass(targetElement,"selectedRow");
    }
 })

The CSS class

.THIS .data-row:hover {
 background-color:#54698d;
 color:white;
 cursor:pointer;
}
.THIS .data-row.selectedRow{
  background-color:#54698d;
  color:white;
 }

Demo

[SalesForce] Lightning Components – Run an action on a selected list

@Charles T - You were right it was a Salesforce bug and was fixed with the update :)

Thank you

Best Answer

Related Solutions

[SalesForce] Lightning Component: Iterate list of elements to change style

[SalesForce] Lightning Components – Run an action on a selected list

Related Topic