{"id":2075,"date":"2016-08-30T09:49:24","date_gmt":"2016-08-30T09:49:24","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/salesforce\/?p=2075"},"modified":"2025-06-10T09:37:02","modified_gmt":"2025-06-10T09:37:02","slug":"save-records-via-lightning-app","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2016\/08\/30\/save-records-via-lightning-app\/","title":{"rendered":"Save Records in Salesforce via Lightning App"},"content":{"rendered":"

Salesforce Lightning Component framework is a UI framework for developing dynamic apps for mobile and desktop devices. It\u2019s a modern framework for building single-page applications engineered for growth. Salesforce Lightning makes it easier to build responsive applications for any device. In the earlier blog \u2018Retrieve Records via Lightning\u2019<\/a>, we discussed how to read records from Salesforce and display them via Lightning. Now taking a step ahead, get insights on how to save a record in Salesforce database using Lightning.<\/p>\n

Open the developer console. The developer console as we already know is preferred to create Lightning components, controller and apps to preview the functionality. We created a Lightning component named \u2018Lightning_SaveRec\u2019 in our developer console which will be used in the Lightning App. First, we write a function in our apex class that would implement the functionality of saving the records, ensure that your method is annotated with \u2018@AuraEnabled\u2019. Here\u2019s the snippet for the Apex class handling the functionality of inserting\/saving records in Salesforce.<\/p>\n

\"Apex<\/a>

Apex Class for Saving records-Account<\/p><\/div>\n

Now, we need to create a Lightning component which will be using this controller. In your developer console create a new Lightning component. Refer the image below regarding the code snippet for your Lightning component –<\/p>\n

\"Lightning<\/a>

Lightning Component-Account<\/p><\/div>\n

Now we will write the Lightning controller (JavaScript) that will be used in component and its helper class as well. Please refer the below images for controller and helper class respectively. This would mostly be the functions or actions that will be handled on button click and other such actions at the client side.<\/p>\n

\"Lightning<\/a>

Lightning Component controller-Account<\/p><\/div>\n

Lightning Helper class-<\/p>\n

\"Lightning<\/a>

Lightning Helper class-Account<\/p><\/div>\n

The CSS used in our Lightning component can be downloaded from this link, download SLDS090<\/a>. Applying the CSS is optional. After downloading the mentioned zip file just upload it in static resources of Salesforce. After implying all the above mentioned steps, just refer the Lightning component in your Lightning app. Once done, just click on \u201cPreview\u201d and then you can view your Lightning App. Once the page is displayed, you can enter the records you want and click on \u201cSubmit\u201d button. This will create a new record in your Salesforce SObject.<\/p>\n

\"Lightning<\/a>

Lightning App To Save records<\/p><\/div>\n

\"Page<\/a>

Page side UI-Account<\/p><\/div>\n

About Us<\/strong><\/span>
\nGreytrix<\/a>\u00a0as a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners across the globe. We offers Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that requires apex code incorporation into the Salesforce platform.<\/p>\n

Greytrix<\/a>\u00a0has some unique solutions for Cloud CRM such as Salesforce integration with\u00a0Sage Enterprise Management (Sage X3<\/a>),\u00a0Sage Intacct, Sage 100\u00a0<\/a>and\u00a0Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM\u00a0Salesforce customization and development services<\/a> along with services such as Salesforce Data Migration<\/a>, Integrated App development<\/a>, Custom App development<\/a> and Technical Support<\/a> to business partners and end users.<\/p>\n

Greytrix GUMU™ integration for Sage ERP \u2013 Salesforce is a 5-star app listed on Salesforce AppExchange<\/a>.<\/p>\n

For more information, please contact us at\u00a0salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n

Related Posts<\/strong><\/span><\/p>\n