You need to sign in to do that
Don't have an account?
Akshay Shrivastava
onclick get data
I have accounts names and their child object name also like,, contacts and opportunity..
i want that when i click any account name ,, then a alert is shown on page showing the name of that account name.
this is my lightning component code,, it is in working condition now i only want to add above feature.
<aura:attribute name="accList"
type="List"/>
<aura:handler name="init"
value="{!this}"
action="{!c.doInit}"/>
<div class="slds-border_bottom">
<h1>Accounts</h1></div>
<div class="slds-scrollable_y">
<div class="slds-text-longform">
<lightning:accordion>
<div class="demo-only demo-only--sizing slds-grid slds-wrap">
<div class="slds-size_1-of-2">
<div class="slds-box slds-box_x-small slds-text-align_left slds-m-around_x-small">
<aura:iteration items="{!v.accList}"
var="acc">
<lightning:accordionSection name="{!acc.Name}"
label="{!acc.Name}">
<div class="slds-scrollable" style="height:10rem;width:24rem">
<div class="slds-text-longform" style="width:150%">
<lightning:tabset selectedTabId="one">
<lightning:tab label="Contacts" id="one">
<aura:iteration items="{!acc.Contacts}" var="con" indexVar="index">
<li>Contact {!index + 1} Name : {!con.Name}</li>
<li>Contact Phone :</li>
<p><lightning:formattedPhone value="{!con.Phone}"></lightning:formattedPhone></p>
<br></br>
</aura:iteration>
</lightning:tab>
<lightning:tab label="Opportunities" id="two">
<aura:iteration items="{!acc.Opportunities}" var="opp" indexVar="index">
<li>Opportunities {!index + 1} Name : {!opp.Name}</li>
<li>ID : {!opp.Id}</li>
<br></br>
</aura:iteration>
</lightning:tab>
</lightning:tabset>
</div>
</div>
</lightning:accordionSection>
</aura:iteration>
</div>
</div>
</div>
</lightning:accordion>
</div>
</div>
</aura:component>
i want that when i click any account name ,, then a alert is shown on page showing the name of that account name.
this is my lightning component code,, it is in working condition now i only want to add above feature.
<aura:attribute name="accList"
type="List"/>
<aura:handler name="init"
value="{!this}"
action="{!c.doInit}"/>
<div class="slds-border_bottom">
<h1>Accounts</h1></div>
<div class="slds-scrollable_y">
<div class="slds-text-longform">
<lightning:accordion>
<div class="demo-only demo-only--sizing slds-grid slds-wrap">
<div class="slds-size_1-of-2">
<div class="slds-box slds-box_x-small slds-text-align_left slds-m-around_x-small">
<aura:iteration items="{!v.accList}"
var="acc">
<lightning:accordionSection name="{!acc.Name}"
label="{!acc.Name}">
<div class="slds-scrollable" style="height:10rem;width:24rem">
<div class="slds-text-longform" style="width:150%">
<lightning:tabset selectedTabId="one">
<lightning:tab label="Contacts" id="one">
<aura:iteration items="{!acc.Contacts}" var="con" indexVar="index">
<li>Contact {!index + 1} Name : {!con.Name}</li>
<li>Contact Phone :</li>
<p><lightning:formattedPhone value="{!con.Phone}"></lightning:formattedPhone></p>
<br></br>
</aura:iteration>
</lightning:tab>
<lightning:tab label="Opportunities" id="two">
<aura:iteration items="{!acc.Opportunities}" var="opp" indexVar="index">
<li>Opportunities {!index + 1} Name : {!opp.Name}</li>
<li>ID : {!opp.Id}</li>
<br></br>
</aura:iteration>
</lightning:tab>
</lightning:tabset>
</div>
</div>
</lightning:accordionSection>
</aura:iteration>
</div>
</div>
</div>
</lightning:accordion>
</div>
</div>
</aura:component>
Try The Below Code Please Mark It As Best Answer If it Helps So It Can Help Others In Future.And It Motivates us To Give More In Community
Thank You!
All Answers
Try The Below Code Please Mark It As Best Answer If it Helps So It Can Help Others In Future.And It Motivates us To Give More In Community
Thank You!
Aura component:
component js file:
Apex Class:
if you find your answer then please mark it as the best answer
Thanks, And regards,
Suraj Tripathi.