Day: May 10, 2018

Usage of lightning:tree

In this blog, I am going to show how to use the lightning:tree component. In this example, I am fetching the data from the account and contact and opportunity object and show the data as a tree. A lightning:tree component displays the 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.

Apex Class 

Lightning Component

Here is the output

 

Usage of lightning:combobox

In this blog I am going to show a simple usage of the lightning:combobox .lightning:combobox is an input element that enables single selection from a list of options. The result of the selection is displayed as the value of the input.A widget that provides an input field that is read-only, accompanied with a dropdown list of selectable options.In this example, once the user selects the Department from the contact, it will get all the contacts and display as the table shown below.

Apex Class

 

Lightning Component 


 

 

Usage of lightning:picklistPath

A lightning:picklistPath component displays the progress of a process, which is based on the picklist field specified by the picklistFieldApiName attribute. The path is rendered as a horizontal bar with one chevron for each picklist item. Paths created by this component do not have key fields or guidance and do not display the Mark Complete button. In this example, Lead Record Status is updated based on the path selected.

Apex Class

Lightning Component 

 

 

 

Usage Of lightning:path

In this post, I am going to explain how to use lightning:path component. A lightning:path component displays the progress of a process, which is based on the picklist field that’s specified by Path Settings in Setup. The path is rendered as a horizontal bar with a chevron for each picklist item. The key fields and guidance for success are displayed below the path. In this example, I customized the opportunity path. Based on the user selection on the path, opportunity record stage will be updated.

Apex Class

Lightning Component