Skip to main content

Display list of contacts using Lightning Datatable

Lightning datatable is a table that displays columns of data, formatted according to type.
Important attributes includes data, columns, and keyField attributes.The keyField attribute is required for correct table behavior. It associates each row with a unique identifier.

 Component: ContactListDisplay.cmp
Refer below link for the code on github
https://github.com/NagarjunaKaipu/myLightning/blob/master/ContactListDisplay.cmp Client Side Controller:
ContactListDisplayController.js
({
doInit : function(component, event, helper) {
component.set("v.myColumns",[
{label:"Name", fieldName:"Name", type:"text"},
{label:"Title", fieldName:"Title", type:"text"},
{label:"Department", fieldName:"Department", type:"text"}
]);
var conAction = component.get("c.getContacts");
conAction.setCallback(this, function(response){
var state = response.getState();
if(state == "SUCCESS"){
component.set("v.myData", response.getReturnValue());
}
});
$A.enqueueAction(conAction);
}
})

Server Side Controller:
public class ContactListController {
@AuraEnabled
public static List<Contact> getContacts(){
return [Select Id, Name, Title, Department From Contact Limit 10];
}
}

Test Application Component:
testApp.app
Refer below link for the code on github


Output:



Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Get started with Simple Lightning Web Component(Bike Card)

Lightning web component HTML files all include the template tag. The template tag contains the HTML that defines the structure of your component. Let’s look at the HTML for a simplified version of the component. Paste the following into app.html (replacing any existing HTML in the file). bikeCard.html < template > < div id = "waiting" if : false = { ready } > Loading.. </ div > < div id = "dispaly" if : true = { ready } > < div > Name: {name} </ div > < div > Description: {description} </ div > < div > Category: {category} </ div > < div > Material: {material} </ div > < div > Price: {price} </ div > < div >< img src = { pictureURL } /></ div > </ div > </ template > The identifiers in the curly braces {} are bound to the fields of the same name in the corresponding JavaScript class. Here’s a JavaScript file to s...
Post a Comment
Read more

Disable Document Download in Salesforce

Disable downloads for certain users based on the name of the file uploaded to Salesforce. We can use the following example code inside of a Apex class. This code essentially prevents files whose file name starts off with Kaipu- from being downloaded by anyone whose user role’s developer name is not Kaipu_Sales. Modify this code to suit your own purpose. Based on Role: public class ContentDownloadHandlerFactoryImpl implements Sfc.ContentDownloadHandlerFactory {    public Sfc.ContentDownloadHandler getContentDownloadHandler(List<ID> ids, Sfc.ContentDownloadContext context) {      // See if the user has the Kaipu Sales role (based on developer name field).      Boolean isSecretUser = [        SELECT Id        FROM UserRole        WHERE ID = :UserInfo.getUserRoleId()          AND DeveloperName = ' Kaip...
Post a Comment
Read more