How to implement Lightning:Tree in Lightning component to Display Hierarchy for any Salesforce Sobject?

Hello Anjali,

In API version 41.0, Salesforce has introduce new component called lightning:tree. This can be used to display hierarchy in tree structure. Before this, we have to used jquery or other javascript libraries to implement this.After introduction of lightning:tree, it is very easy to use this and implement this in short time.You just have specify below attributes to component to display tree structure:-

ltngcurrentRecId : Salesforce 15 or 18 digit Id of any record for which you want to see hierarchy.
ltngSobjectname : sObject API name (like Account, Case, Position__c etc.)
ltngParentFieldAPIName : Field API name which creates self relationship between records.
ltngLabelFieldAPIName : Field API name which will be used to display records in tree structure(like Name, CaseNumber, Title__c etc.).
ltngHierarchyHeader : Header label which will be displayed above tree structure.

Below is a simple code for the same:-

<aura:application extends=”force:slds”>
<c:SK_LightningTreeCmp ltngcurrentRecId=”0019000000ld4kO”
ltngSobjectname=”Account”
ltngParentFieldAPIName=”ParentId”
ltngLabelFieldAPIName=”Name”
ltngHierarchyHeader=”Account Hierarchy”/>

<c:SK_LightningTreeCmp ltngcurrentRecId=”5009000000GJkJG”
ltngSobjectname=”Case”
ltngParentFieldAPIName=”ParentId”
ltngLabelFieldAPIName=”CaseNumber”
ltngHierarchyHeader=”Case Hierarchy”/>
</aura:application>

Thanks.

lightning:tree component displays visualization of a structural hierarchy, such as a sitemap for a website or a role hierarchy in an organization. Items are displayed as hyperlinks and items in the hierarchy can be nested. Items with nested items are also known as branches.