[SalesForce] Remove duplicates attribute list lightning

Hi i want to remove duplicate records from attribute in js lightning. component.get("v.recordLeads"); I suppose we have to use lodash function here.
Something like this

<aura:attribute name="recordLeads" type="Lead[]" />

var con=component.get("v.convertLeads");    
var result=  _.uniq(con);

Best Answer

You should be able to avoid underscore.js / lodash if you do something like this:

var uniqueObjs = {};

//create a object with unique leads
con.forEach(function(conItem){
  uniqueObjs[conItem.Id] = conItem;
});
//reinitialise con array
con = [];
var keys = Object.keys(uniqueObjs);

//fill up con again
keys.forEach(function(key){
  con.push(uniqueObjs[key]);
});

If some of your leads are new and don't have ids, you can sometimes make a key out of a combo of fname + lname + email (uppercased or lowercased of course)

Related Solutions

[SalesForce] How to pass a function as a Lightning component attribute

The solution is to declare an event instead of an attribute when you want to provide a callback. Below is myButton.cmp rewritten to use events.

pressEvent.evt

<aura:event type="COMPONENT" />

myButton.cmp

<aura:component>
    <aura:attribute name="label" required="true" type="String" />
    <aura:attribute name="class" required="false" type="String" />

    <!-- Declare an "instance" of pressEvent -->
    <aura:registerEvent name="press" type="c:pressEvent"/>

    <input type="button" value="{!v.label}" class="{!v.class}" onclick="{!c.onClick}" />
</aura:component>

myButtonController.js

({
    onClick : function(component, event, helper) {
        helper.trackButtonClick(component, event);

        var event = component.getEvent('press');
        event.fire();
    }
})

This wasn't clear from the documentation, but there are two ways to handle an event. The first is to use the <aura:handler /> markup. To handle the press event of myButton, you could do this:

<aura:handler name="press" event="c:pressEvent" action="{!c.onOk}"/>

I would avoid this approach because if you have more than one button, the press event for all of them would be handled by the same action c.onOk.

The second way to handle an event is to pass a callback as an attribute in the <c:myButton /> markup. I didn't see this in the Salesforce docs but found it in an unrelated question. This is exactly what I needed. Each instance of myButton gets a unique callback.

myButtonConsumer.cmp

<aura:component>
    <!-- No aura:handler necessary. Just pass the callback as an attribute -->
    <!--<aura:handler name="press" event="c:pressEvent" action="{!c.onOk}"/>-->

    <c:myButton label="OK" class="slds-button" press="{!c.onOk}" />
    <c:myButton label="Cancel" class="slds-button" press="{!c.onCancel}" />
</aura:component>

myButtonConsumerController.js

({
    onOk: function(component, event) {
        alert('OK pressed!');
    },

    onCancel: function(component, event) {
        alert('Cancel pressed!');
    }
})

[SalesForce] How to remove element by key from lightning map attribute

component is not a javascript map in way we used to thinks about javascrip maps. Let get/set methods not mislead you. The attributes of components can be set to null though. The attributes are declared in cmp file. You can declare the attribute of type Object and add/delete fields in manner you describe.

Best Answer

Related Solutions

[SalesForce] How to pass a function as a Lightning component attribute

[SalesForce] How to remove element by key from lightning map attribute

Related Topic