All,
I am new to lightning, hoping someone could provide me some pointers here:
Here's the requirement: Iterate over Basic Account Information object and display name, balance and status. Click on the buttonIcon to get additional information about the account and display it underneath the basic information.
Technical details: There are two separate APIs I call to get Basic Account Information and detailed account information:
Problem: When I click on the buttonIcon I want the plus sign to disappear and minus sign to appear. (See in the below code, iconName attribute).
Code: viewAccountsList.cmp
<aura:iteration items="{!v.accountsList}" var="account" indexVar="i">
<div class="slds-p-around--large">
<div class="slds-page-header" style="cursor: pointer;">
<section class="slds-clearfix">
<div class="slds-float--left">
<lightning:buttonIcon class="slds-show" value="{!account.id}" iconName="utility:add" size="x-small" alternativeText="Indicates add" onclick="{!c.toggleAccountSection}"/>
<lightning:buttonIcon class="slds-hide" value="{!account.id}" iconName="utility:dash" size="x-small" alternativeText="Indicates dash" onclick="{!c.toggleAccountSection}"/>
</div>
<div class="slds-m-left--large">{!account.name}, {!account.accountManageStatus}, {!account.balance}</div>
</section>
</div>
</div>
</aura:iteration>
The Salesforce developer site (above link) talks about assigning attribute to a tag to do the toggle action. cannot hold a variable value it has to be literal string. Since I want the id of the account to make the API call to get detailed account information. How can I make the toggle work in the ?
I am getting the accountId by calling event.getSource.get("v.value") in the controller.js