Aura Supported Attributes- Part 2

-
We looked at some basic attribute types in my last post. Now lets look at other attribute types that are available for Lightning Components development


  • Object Types: This attribute type is declared as a type 'Object' and used for passing any type of event parameter's like Array of String, Array of Integer, etc.,
          Object Type Attribute: <aura:attribute name="objTypeAttr" type="Object" default="['Test1', 'Test2']" />

  • Standard and Custom Object Types: This extends above attribute types in order to be able to use both Standard and Custom Objects
          Standard Object Attribute: <aura:attribute name="standObj" type="Account" />

          Custom Object Attribute: <aura:attribute name="cstmObj" type="Expense__c" />

  • Collection Types: We have Four collection attribute types for use [Type[], List, Set, and Map]
  • Custom Apex Class Type: This attribute type is helpful to access all Apex Class Methods however all methods need to be annotated as @AuraEnabled prior using them in Lighting Components
          Custom Apex Class Attribute: <aura:attribute name="apexClassAttr" type="{Class_Name}">

  • Framework-Specific Types: This attribute type is to embed a Component within an attribute. Here we have two types
          a. Aura.Component - This is a single Component however Salesforce recommends using                         Aura.Component[] instaead]
          b. Aura.component[] - This is a List of Components

Hope you like this post and any kind of feedback or corrections are always welcome - Thanks!

Comments

Post a Comment

Popular posts from this blog

Lightning Data Service - Salesforce new Apex alternative - Part 2

-
Image
We have looked on some basic code for Loading and Updating a record using Lightning Design System in my last blog post. Here we are going to work on creating and deleting a record in Lightning Component using Lightning Design System. 1. Creating a Record: For creating a new record using LDS we declare force:recordData without assigning a recordId unlike what we use to do with Load and Update record. And then we load a record template by calling the getNewRecord function on force:recordData and finally we handle saving data using saveRecord in our 'handleSaveRecord' function. Lightning Components Developer guide already have some basic code on creating a Contact record ( Reference Link ). We are going to extend that code a bit to first create a new Account record and then create a new Contact record by linking it to the Account that we created all in one single shot. Below we are going to create a new Lighting Component from Developer Console by navigating to File...
Read more

Using JavaScript Promises in Lightning Components

-
Image
With JavaScript being a single threaded process by nature, using "JavaScript Promises" it makes JavaScript to be a multithreaded or in other words it is a process of making Asynchronous calls using JavaScript. JavaScript Promises is a native JavaScript functionality that can be used in Lightning Components. Salesforce recommends using ECMAScript 6 (ES6, often referred to as “Harmony”) which is a standard script language. In case if the browser doesn’t provide a native version, the framework uses a polyfill so that promises work in all browsers supported for Lightning Experience. Basic Syntax for Promises: var promise = return new Promise(function(resolve, reject) { setTimeout(resolve, 100 , 'foo' ); }); Promise can return either resolve (If the result is success) and reject (If the result is fail). Optionally there is one more status called pending. Now let's go ahead and build a simple Lightning Component that will output some user information like...
Read more

Two-factor authentication using LWC

-
Use Case: In this blog we are going take the use case to build "Two-factor authentication (EMAIL)" using Lightning Web Component. This use case is going to be helpful to place an extra layer of security, especially when when we try to expose Salesforce sensitive data using Public Sites (or) Communities. Code Components: Below we are going to use 3 main code components to implement Two-factor email authentication. 1. CommonUtility.cls : Apex class that has two methods. One method to generate unique 6 digit code using crypto class and another method to generate single email message and dispatch email. public with sharing class CommonUtility { @AuraEnabled(cacheable= true ) // Method to send 6 digit two-factor email verification public static String twoFactorGen(String usrEmail) { String verCode = genUniqueCode(); // generate unique 6 digit code Messaging.SingleEmailMessage message = new Messaging.SingleEmailMessage(); // ins...
Read more