Skip to content

Instantly share code, notes, and snippets.

@veeranjik

veeranjik/PureTree.cmp

Last active June 17, 2018 09:41
Show Gist options
  • Save veeranjik/a8d1341ba18a253c5cc9e4f37fe35262 to your computer and use it in GitHub Desktop.
Save veeranjik/a8d1341ba18a253c5cc9e4f37fe35262 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
PureTree.cmp
<!--
/**
* Pure Tree Using CSS
* @category Lightning component
* @author Veeranjaneyulu k
* @date 17/June/2018
**/
-->
<aura:component description="Regions Pure Tree View" implements="force:appHostable,force:lightningQuickAction,flexipage:availableForAllPageTypes,lightning:actionOverride,force:hasRecordId,force:hasSObjectName,flexipage:availableForRecordHome,lightning:actionOverride,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global" controller="classicRegionTreeCntl">
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:attribute name="wrapperLst" type="classicTreeWrapper[]"/>
<body >
<div class="tree">
<ul>
<li>
<a >Veera</a>
<ul>
<!-- Parent Start -->
<aura:iteration items="{!v.wrapperLst}" var="con">
<li>
<a data-record="{!con.mainRole}" > {!con.mainRole} </a>
<ul>
<!-- Child Start -->
<aura:iteration items="{!con.childRole}" var="con1">
<li>
<a data-record="{!con1.childRoleName}" >{!con1.childRoleName}</a>
<ul>
<!-- Grand Child Start -->
<aura:iteration items="{!con1.grandchildRole}" var="con2">
<li>
<a data-record="{!con2}" >{!con2}</a>
</li>
</aura:iteration>
<!-- Grand Child End -->
</ul>
</li>
</aura:iteration>
<!-- Child End -->
</ul>
</li>
</aura:iteration>
<!--Parent End -->
</ul>
</li>
</ul>
</div>
</body>
</aura:component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment