{"id":58266,"date":"2016-09-01T15:21:30","date_gmt":"2016-09-01T15:21:30","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=58266"},"modified":"2021-07-16T11:20:09","modified_gmt":"2021-07-16T11:20:09","slug":"how-to-fetch-data-of-sobject-using-lightning-component","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/","title":{"rendered":"How to fetch data of sobject using Lightning Component"},"content":{"rendered":"\n

In this blog, we will learn about how to fetch data from sobject using lightning component and present it in a list view. For example, I’ve created custom object Vehicle<\/strong> , you can create your own custom object.<\/p>\n\n\n\n

Controller, Helper, Renderer<\/h3><\/div>
\n

Open Developer Console<\/strong>. <\/p>\n\n\n\n

Create new lightning component through File>New>Lightning Component.\"New<\/a><\/strong> Name it Vehicle.\"Create\"<\/a><\/strong><\/p>\n\n\n\n

Write the following code:<\/p>\n\n\n\n

<aura:component implements=\"force:appHostable\"><!--implements=\"force:appHostable\" allows to create lightning tabs-->\n\n    <!-- \n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n     -->\n\n    <ltng:require styles=\"{!$Resource.SLDS +\n             '\/assets\/styles\/salesforce-lightning-design-system-ltng.css'}\"\/><!--Include the css from static resource-->\n    <div class =\"wk_static\"><!--Mention the scoping class-->\n        <div class=\"slds-page-header\" role=\"banner\">\n            <div class=\"slds-grid\">\n                <div class=\"slds-col slds-has-flexi-truncate\">\n                    <div class=\"slds-media slds-media--center slds-no-space slds-grow\">\n                        <div class=\"slds-media__figure\">\n                            <span class=\"slds-icon__container slds-icon-standard-event\"><!--SVG doesn't work, so use it through component-->\n                                <c:VehicleSVG class=\"slds-icon\" xlinkHref=\"\/resource\/SLDS\/assets\/icons\/custom-sprite\/svg\/symbols.svg#custom31\" \/>\n                                <span class=\"slds-assistive-text\">Vehicle Icon<\/span>\n                            <\/span>\n                        <\/div>\n                        <div class=\"slds-media__body\">\n                            <p class=\"slds-text-heading--label slds-truncate\">Vehicle<\/p>\n                            <h1 class=\"slds-page-header__title slds-m-right--small slds-truncate slds-align-middle\" title=\"List View\">List View<\/h1>\n                        <\/div>\n                    <\/div>\n                <\/div>                           \n            <\/div>\n        <\/div>\n        <c:VehicleListView \/><!--Component for including list view-->\n    <\/div>   \n<\/aura:component><\/pre>\n\n\n\n
As mentioned you have to create New Lightning Component for SVG. Name it VehicleSVG<\/strong> and write the following code:<\/p>\n\n\n\n
<aura:component implements=\"force:appHostable\"><!--implements=\"force:appHostable\" allows to create lightning tabs-->\n\n    <!-- \n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n     -->\n\n    <aura:attribute name=\"class\" type=\"String\" description=\"CSS classname for the SVG element\" \/>\n    <aura:attribute name=\"xlinkHref\" type=\"String\" description=\"SLDS icon path. Ex: \/assets\/icons\/utility-sprite\/svg\/symbols.svg#download\" \/>\n    <aura:attribute name=\"ariaHidden\" type=\"String\" default=\"true\" description=\"aria-hidden true or false. defaults to true\" \/>\n    \n<\/aura:component><\/pre>\n\n\n\n
Now refer to right side of the column click Renderer<\/strong>. \"Renderer\"<\/a>Write the following code:<\/p>\n\n\n\n
({\n\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n\n    render: function(component, helper) {\n        \/\/grab attributes from the component markup\n        var classname = component.get(\"v.class\");\n        var xlinkhref = component.get(\"v.xlinkHref\");\n        var ariaHidden = component.get(\"v.ariaHidden\");\n        \/\/return an svg element w\/ the attributes\n        var svg = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"svg\");\n        svg.setAttribute('class', classname);\n        svg.setAttribute('aria-hidden', ariaHidden);\n        svg.innerHTML = '<use xlink:href=\"'+xlinkhref+'\"><\/use>';\n        return svg;\n    }\n})\n<\/pre>\n\n\n\n
You can now use the SVG component either in the vehicle component or wherever you need.<\/p>\n\n\n\n
Now you have to create lightning component for list view. Create New Lightning component and name it VehicleListView<\/strong> and write the following code:<\/p>\n\n\n\n
<aura:component controller=\"VehicleListController\"><!--Server-Side\/Apex Controller-->\n\n    <!--\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n    -->\n\n    <aura:attribute name=\"vehicles\" type=\"Vehicle__c[]\"\/><!--List Of Vehicles-->\n    <aura:handler name=\"init\" value=\"{!this}\" action=\"{!c.getVehicle}\" \/><!--Client-side Controller-->\n    <table class=\"slds-table slds-table--bordered slds-max-medium-table--stacked-horizontal\"><!--Table must be responsive-->\n        <thead>\n            <tr class=\"slds-text-heading--label \">\n                <th class=\"\" scope=\"col\">Vehicle Name<\/th>\n                <th class=\"slds-is-sortable\" scope=\"col\">Number Of Seats<\/th>\n                <th class=\"slds-is-sortable\" scope=\"col\">License PLate<\/th>\n                <th class=\"slds-is-sortable\" scope=\"col\">License Expiration Date<\/th>\n                <th class=\"slds-is-sortable\" scope=\"col\">Fuel<\/th>                \n            <\/tr>  \n        <\/thead>\n        <tbody>\n            <aura:iteration items=\"{!v.vehicles}\" var=\"vehicle\"><!--Dynamic Listing of Vehicles-->\n                <tr class=\"slds-hint-parent\">\n                    <td class=\"\" data-label=\"Vehicle Name\" >\n                        <a href=\"{! '#\/sObject\/' + vehicle.Id + '\/view'}\">{!vehicle.Name}<\/a>\n                    <\/td>\n                    <td data-label=\"Number Of Seats\" style=\"padding-left:0;\"><ui:outputNumber value=\"{!vehicle.Number_of_Seats__c}\" \/><\/td>\n                    <td data-label=\"License PLate\" style=\"padding-left:0;\">{!vehicle.License_Plate__c}<\/td>\n                    <td data-label=\"License Expiration Date\" style=\"padding-left:0;\">{!vehicle.License_Expiration_Date__c}<\/td>\n                    <td data-label=\"Fuel\" style=\"padding-left:0;\">{!vehicle.Fuel__c}<\/td>                \n                <\/tr>\n            <\/aura:iteration>\n        <\/tbody>\n    <\/table>  \n<\/aura:component><\/pre>\n\n\n\n
Server-Side Controller Related to VehicleListView: Create an apex class named VehicleListController<\/strong> and write the following code:<\/p>\n\n\n\n
public with sharing class VehicleListController {\n\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n\n    @AuraEnabled\/\/Annotation to use method in lightning component\n    public static List<Vehicle__c> getVehicleList() {\/\/Fetch data\n        return [SELECT Id,Name,Number_of_Seats__c,Average_Speed__c,License_Plate__c,License_Expiration_Date__c,Fuel__c,Fuel_Economy__c,Fuel_Cost__c,A_C__c,Active__c,\n                         Description__c, CreatedDate FROM Vehicle__c];\n    }    \n}<\/pre>\n\n\n\n
Now on the developer console again refer to the right-side coloumn, you will find Helper<\/strong>.\"Helper\"<\/a> Click it and write the following code:<\/p>\n\n\n\n
({\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n     \n    getVehicle : function(component) {\n        var action = component.get(\"c.getVehicleList\");\/\/get data from controller\n        action.setCallback(this, function(a) {\n            component.set(\"v.vehicles\", a.getReturnValue());\/\/set data in the page variable\n        });\n        $A.enqueueAction(action);\n    }\n})<\/pre>\n\n\n\n
Again refer to the right-side coloumn, you will find Controller<\/strong>.\"Controller\"<\/a> Click it and write the following code:<\/p>\n\n\n\n
({\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n     \n    getVehicle : function(component, event, helper) {\n        helper.getVehicle(component);\/\/get data from the helper\n    }\n})<\/pre>\n\n\n\n
Now Save all the components, helper and controller.<\/p>\n<\/div>\n\n\n\n
Output<\/h3><\/div>
\n
Create a lightning App and include the vehicle component in it, as follows-<\/p>\n\n\n\n
<aura:application >\n\n    <!--\n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n    -->\n\n    <c:Vehicle\/>\n<\/aura:application><\/pre>\n\n\n\n
Preview to see the output.\"How<\/a>
Here is the output:
\"output\"<\/a><\/p>\n<\/div>\n\n\n\n
Support<\/h3><\/div>
\n
That\u2019s all for how to fetch data from sobject using Lightning Component, still if you have any further query or seek assistance to make your salesforce classic apps compatible with lightning experience, feel free to add a ticket, we will be happy to help you. https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
In this blog, we will learn about how to fetch data from sobject using lightning component and present it in a list view. For example, I’ve created custom object Vehicle , you can create your own custom object.<\/p>\n","protected":false},"author":104,"featured_media":58682,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3554,1887],"tags":[3553,3552],"class_list":["post-58266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lightning-development","category-salesforce","tag-fetch-data-in-lightning-component","tag-how-to-fetch-data-of-custom-object-using-lightning-component"],"yoast_head":"\nHow to fetch data of sobject using Lightning Component<\/title>\n<meta name=\"description\" content=\"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to fetch data of sobject using Lightning Component\" \/>\n<meta property=\"og:description\" content=\"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-01T15:21:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T11:20:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"945\" \/>\n\t<meta property=\"og:image:height\" content=\"356\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aakanksha Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aakanksha Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\"},\"author\":{\"name\":\"Aakanksha Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80\"},\"headline\":\"How to fetch data of sobject using Lightning Component\",\"datePublished\":\"2016-09-01T15:21:30+00:00\",\"dateModified\":\"2021-07-16T11:20:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\"},\"wordCount\":284,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png\",\"keywords\":[\"fetch data in lightning component\",\"how to fetch data of custom object using lightning component\"],\"articleSection\":[\"Lightning Development\",\"Salesforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\",\"name\":\"How to fetch data of sobject using Lightning Component\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png\",\"datePublished\":\"2016-09-01T15:21:30+00:00\",\"dateModified\":\"2021-07-16T11:20:09+00:00\",\"description\":\"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png\",\"width\":945,\"height\":356},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to fetch data of sobject using Lightning Component\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80\",\"name\":\"Aakanksha Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Aakanksha Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/aakanksha-singh391\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to fetch data of sobject using Lightning Component","description":"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/","og_locale":"en_US","og_type":"article","og_title":"How to fetch data of sobject using Lightning Component","og_description":"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.","og_url":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-09-01T15:21:30+00:00","article_modified_time":"2021-07-16T11:20:09+00:00","og_image":[{"width":945,"height":356,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png","type":"image\/png"}],"author":"Aakanksha Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Aakanksha Singh","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/"},"author":{"name":"Aakanksha Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80"},"headline":"How to fetch data of sobject using Lightning Component","datePublished":"2016-09-01T15:21:30+00:00","dateModified":"2021-07-16T11:20:09+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/"},"wordCount":284,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png","keywords":["fetch data in lightning component","how to fetch data of custom object using lightning component"],"articleSection":["Lightning Development","Salesforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/","url":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/","name":"How to fetch data of sobject using Lightning Component","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png","datePublished":"2016-09-01T15:21:30+00:00","dateModified":"2021-07-16T11:20:09+00:00","description":"We will learn how to fetch data to dynamically by using controller, helper and apex controller in lightning components and present it in a list view.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/lightning-code-snippet.png","width":945,"height":356},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-fetch-data-of-sobject-using-lightning-component\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to fetch data of sobject using Lightning Component"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7d54984c6524404eb2ba261ace62da80","name":"Aakanksha Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eef6d7ed23fc4ad8f12c94d6d6d30ec2ebbb9bedbf9d8a9dc8626a3a171fa3fa?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Aakanksha Singh"},"url":"https:\/\/webkul.com\/blog\/author\/aakanksha-singh391\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/58266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=58266"}],"version-history":[{"count":16,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/58266\/revisions"}],"predecessor-version":[{"id":296451,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/58266\/revisions\/296451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/58682"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=58266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=58266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=58266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}