New Batch#100 (10th Nov 2021) - Salesforce Admin + Dev Training (WhatsApp: +91 - 8087988044) :https://t.co/p4F3oeQagK

Friday 6 September 2019

Lightning Datatable Component With Url Colums by forming the json from Apex Class Salesforce

Apex Classes -
    1. FieldInfoCls
    2. DatatableUrlCompCls

Lightning Component -
    1. LightningDatatableWithUrlColums_v2
-------
Apex Classes - ============== FieldInfoCls - DatatableUrlCompCls - Lightning Component - ===================== LightningDatatableWithUrlColums_v2 - ---------------------- LightningDatatableWithUrlColums_v2 Component - LightningDatatableWithUrlColums_v2 Controller -

Reason behind the above post. Problem -

 

Thursday 5 September 2019

Lightning Web Components (Salesforce) - Key points


What is Web Stack?
    Collection of software applications needed for the Web Development can be called as Web Stack.
    It includes -
        * Operation System
        * Database
        * Business Logic
        * Web Server



What is ECMAScript?
    It is a javaScript standard. ECMAScript 7 is used as part of the Wab Stack 2019 standard.

What is rendering?
    The process of converting HTML tags to meaningful readable web page with the browser rendering engine.
   

What are the Standard Elements?
    The elements provided in HTML library. We can also create custom element as per the requirement which won't be part of standard HTML library.

What is event?
    When the page load completes or user perform mouse or keyboard operation events will trigger which can used to execute the javaScript.

What is Module?
    A module is a javaScript file.
    In a module we define variables and functions which can be exposed to other module by using "export" directive.
    To use the variables and functions of the other module we need to import other module by using "import" directive.
   
    The reason of using module is to decompose the logic. Instead of making all the functions available within the same file, if they maintain the functions in different files, based on the need we can import the corresponding module.



What is Directive?
    It is a token which is having specific behavior.
    Example: export, import
    It modifies the behavior of an existing element by assigning value and responding to change events.


What is Decorator?
    It is a function which is having predefined functionality.
    Syntax: @DecoratorName
    Similar to annotations in apex class.

What is Shadow DOM? 
    It is just a normal DOM except the separate behavior in relation to the rest of the page.It won't be having conflicts with the styles which applied to the rest of the page. It maintains in a separate DOM tree. (Alternative to iframe)
What are the Custom Elements?
Custom elements can be created to extend HTML and define our own tags.

What is template?
It is a reusable structure in the HTML page but it won't be rendered until we refer it in the javaScript.

What is Slot?
It is a place holder in template and the content can be replaced based on the need.

What are the Web Components?
It holds collection of web platform APIs and allows you to create custom functionality which can be used in Web Pages.

What are the Lightning Web Components?
Lightning Web Components uses core Web Components standards. Lightning web components are custom HTML elements built using HTML and modern JavaScript.

What is class in javaScript?
A class is a type of function, but instead of using the keyword function to initiate it, we use the keyword class, and the properties is assigned inside a constructor() method.

---------

Datatable Lightning Component with the row level actions salesforce

Apex Classes -
    1. LightningUtility
    2. DataTableServerContrl

Lightning Events -
    1. OppPopupCloseEvent
    2. PopupAppEvent
Lightning Tokens -
    1. defaultTokens
Lightning Component -
    1. RecordComp
    2. Datatable

Apex Classes - Lightning Events - Lightning Tokens - Lightning Component -

Live Demo -

Datatable with Row Level Actions Logic