Skip to main content

Posts

Showing posts from May, 2020

Salesforce Lightning Web Components Overview

What are Lightning Web Components(LWC)? Lightning web components are custom HTML elements built using HTML and modern JavaScript.  Now you can build Lightning components using two programming models: Lightning Web Components, and the original model, Aura Components.   Why we need to go for LWC? 1. It uses Core Web Components standards 2. Most of the code you write is standard JavaScript and HTML 3. Provides only what’s necessary to perform 4. It is built on code that runs natively in browsers 5. It is lightweight and delivers exceptional performance   Where can we implement LWC Components? Salesforce Developer Console won’t support LWC components. We need to install Visual Studio Code(VS Code) Editor to implement the LWC Components. LWC Component Bundle Structure: LWC Majorly contains 3 files HTML JavaScript Meta XML Naming Convention/Rules for Components Bundles 1.Component name Must begin with a lowercase letter 2.Name ...

Client Side Pagination using Lightning Component

This post describes, how to show Pagination on Lightning Datatable using reusable client side lightning pagination component. Pagination component is a reusable component and can be used any where using data table by passing two input parameters currentPageNumber maxPageNumber Below are the steps to create a component to display the List of contacts and can able to paginate based on the records per page selection. Step 1: Create a Pagination Component(Pagination.cmp) Copy the below code to Pagination.cmp file https://github.com/NagarjunaKaipu/myLightning/blob/master/ContactListDisplay.cmp Copy the below js code to PaginationController.js file https://github.com/NagarjunaKaipu/myLightning/blob/master/PaginationController.js Step 2: Create Contact List component(ContactList.cmp) Copy the below code to ContactList.cmp file https://github.com/NagarjunaKaipu/myLightning/blob/master/ContactList.cmp Copy the below js code to ContactListController.js file https://github...