Turn on – Lightning (Working with Field Sets)

In this blog, we will build a lightning component which works on Field Sets for any given object. Currently, we cannot directly use fieldset in lightning component unlike what we used to do it in Visualforce. May be in future, Salesforce might provide OOB component for this. Requirement: Display the list of sObject records where [...]


Turn on Lightning Part 8 – Variable Binding

In this blog, we will see 2 different ways of binding variables in lightning components. If we remembered, in the earlier blogs we passed the attributes between the components using the {!} notation. But now in Spring 17, Salesforce introduced a new {#} notation. What is this new {#} notation?? but before jumping on the [...]

Turn on – Lightning Part 7 (Pagination – Client-Side)

In this blog, we will build a Pagination component which also retains the checkboxes which are checked during the next and previous screens. Requirement: Display the list of Opportunity records with pagination and the checkbox values are retained. Solution: We will use the "APPLICATION" type event in order to communicate when 'next' and 'previous' buttons [...]

Turn on – Lightning Part 6 (Component Wizard – SPA)

In this blog, we will build a wizard where user can navigate between the components before actually submitting the record. Requirement: Create Account, Contact and Review Screen where the user can switch between screens using 'back' and 'next' buttons on the wizard. Solution: You can view this in action here: In Winter 17, Salesforce is [...]

Turn on – Lightning Part 5 (Iteration over Map)

Currently as per Aura documents, it only supports list but whereas the Map collection type can be used very well in javascript controller. Scenario: Customer wants to display the list of Open Opportunities by grouping them on Stage. You can view this in action here: Step 1: Apex Controller Class to fetch the list of [...]

Turn On – Lightning Part 3 (Multi-Select Picklist)

ui:inputSelect component can be used both for Single Selection and Multiple Selection values by setting the attribute "multipe=true" for the multi-selection, by default it is single list selection. Here, we will replicate how the standard multi-picklist field looks like in the lightning component. You can view this in action here: Step 1: Identify the object [...]