[SalesForce] Issue passing values to a list – Lightning component

I have been developing a lightning component to add products and can't seem to get my ids pushing to my productsList. My current revelant code is as follows:

CMP

<aura:component controller="AddProductsController" implements="flexipage:availableForAllPageTypes,force:hasRecordId" access="global">
<aura:attribute name="productList"  type="List"/>
<aura:attribute name="options" type="String" default="Nothing" />
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/> 
    <aura:handler name="change" value="{!v.cardType}" action="{!c.handleValueChange}"/>
    <aura:handler name="change" value="{!v.options}" action="{!c.handleSelect}"/>
    <aura:handler name="add" value="{!v.productList}" action="{!c.handleProduct}"/>

<div class="align-right">
              <lightning:buttonicon iconName="utility:add" size="medium" alternativeText="Add" onclick="{!c.handleProduct}"/>
          </div>
          <h1>{!v.options} Added</h1>
            List:
           <aura:iteration var="list" items="{!v.productList}">
                {!productList.value}
            </aura:iteration>

My ids are passing into my options attribute fine.

Controller

handleProduct: function(cmp, evt){
    var Product = cmp.find("productType").get("v.value");
    cmp.set("v.options", Product);
    var PL = cmp.get("v.productList");
    PL.push(Product);
}

I think I have given all the relevant code associated with the action of passing to my list, obviously I am doing something wrong so any advice would be hugely appreciated.

Thanks

Best Answer

You want to set after push into a product List

handleProduct: function(cmp, evt){ 
var Product = cmp.find("productType").get("v.value"); cmp.set("v.options", Product);
 var PL = cmp.get("v.productList");     
 PL.push(Product); 
cmp.set("v.productList",PL);
}

And another bug in your code you iterating over list of Id that you are pushing in aura:iteration you want to refer using instance I.e) var

   <aura:iteration var="idInList" items="{!v.productList}"> 
{!idInList} 
</aura:iteration>

Related Solutions

[SalesForce] Simple Lightning Component Help with passing values to Custom Object

1) You are pushing to newVote which is of type Public_Article_Rating__c it is not an array

2) Assuming you constructed your vote code based on this example

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/qs_aotp_app.htm

You are missing an array attribute of type Public_Article_Rating__c

Add this line to your component:

  <aura:attribute name="votes" type="Public_Article_Rating__c[]"/>

Update:

Component:

<aura:component controller="ArticleVotingcontroller" implements="forceCommunity:availableForAllPageTypes" >
    <aura:attribute name="votes" type="Account[]"/>
    <aura:attribute name="newVote" type="Account"
                    default="{'sobjectType':'Account',
                             'Name':'',
                             'prao6308__RSSFEEDUPDATER__c':'',
                             'AccountNumber':''
                             }"/>
<form>
   <div id="ratingArea"> 
       <span>Was this article helpful?</span>
       <ui:inputCheckbox aura:id="voteUp" label="Yes"
                      value="{!v.newVote.prao6308__RSSFEEDUPDATER__c}"/>
       <ui:inputText aura:id="accounname" label="name" value="{!v.newVote.Name}"/>
    <ui:inputNumber aura:id="articleComments" label="Comments"
                     value="{!v.newVote.AccountNumber}"/>
       <br/>
       <ui:button label="Submit" labelClass="label"
                press="{!c.createVote}"/>
    </div>
</form>

</aura:component>

Client side controller:

({
 createVote : function(component, event, helper) {
        var newVote = component.get("v.newVote");
     console.log(newVote);
        helper.createVote(component, newVote);
    }
})

helper:

({
createVote : function(component, vote) {
        this.upsertVote(component, vote, function(a){
            var accs = component.get("v.votes");
            accs.push(a.getReturnValue());
            console.log('here'+accs);
            component.set("v.votes", accs);
        });
},

    upsertVote : function(component, vote, callback){

        var action = component.get("c.saveVote");
        action.setParams({
            "vote": vote
        });
           //If upsert of the account is success I want to alert the account Id back to the user.
            action.setCallback(this, function(response) 
            {
                var state = response.getState();
                if (state === "SUCCESS") 
                {
                    alert("From server: " + response.getReturnValue());
                }
                else if (state === "ERROR") 
                {
                    var errors = response.getError();
                    if (errors) 
                    {
                        if (errors[0] && errors[0].message) 
                        {
                            console.log("Error message: " + 
                                     errors[0].message);
                        }
                    } 
                    else 
                    {
                        console.log("Unknown error");
                    }
                }
            });
        $A.enqueueAction(action);
    }
})

server side controller:

public class ArticleVotingcontroller {   @AuraEnabled
    public static String saveVote(Account vote){
        upsert vote;
        system.debug('#####'+ vote);
        return vote.Id;

    } }

[SalesForce] A list in a lightning component

Also check your aura:iteration.

In Your aura:repeat items you will need to use proper syntax {!v.actualites}

To debug download chrome extension for lightning inspector.

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/inspector_intro.htm

Also response.getState should be method not property .Correct syntax is response.getState()

Best Answer

Related Solutions

[SalesForce] Simple Lightning Component Help with passing values to Custom Object

[SalesForce] A list in a lightning component

Related Topic