currentpage(). getparameters(). get('id') can be used to get current record id or other url parameters in apex code. Many times we have requirement to get current record id or url parameters of visualforce page in apex code.
init is a predefined event sent to every component. After the component is initialized, the doInit action is called in the component's controller. In this sample, and the controller action sets an attribute value, but it could do something more interesting, such as firing an event.
Invoke Apex from Lightning Component | how to call an Apex class from a Lightning component
- Add Controller attribute in <aura:Component tag to link the Apex Class like <aura:component controller="CLASSNAME">
- Define <aura:Attribute tag to get value and to display value in Lightning page.
Lightning Data Service is a collection of lightning tags, methods, and events. We can relate it to Visualforce Standard Controller. Use Lightning Data Service to load, create, edit, or delete a record in your component without requiring Apex code.
Salesforce record Id 15 digit to 18 digit. Salesforce record Id uniquely identifies each record in salesforcce. Salesforce record Id can either be 15 or 18 digit. 15 digit salesforce record id is case sensitive and 18 digit salesforce record id is case insensitive.
To call the server side method we need to create the instance of server side method in client side controller. We have two methods to set the parameter of server side method and get the response : 1). setParams() : To set the parameter of server side controller method.
force:appHostable : This interface makes the component available for use as a custom tab and it doesn't require you to add anything else to the component. It is a marker interface.
A force:recordData component defines the parameters for accessing, modifying, or creating a record using Lightning Data Service. To load a record, specify its record ID, the component attributes, and a list of fields in your custom component.
The aura:if tag in lightning is used for the conditional rendering of the code. It is similar in functionality to the if-else of any programming language. It renders the content within the tag if the isTrue attribute evaluates to true.
When the user click on the get Contact button, a server request create by js controller and aura:waiting event fired automatically . and call the showSpinner function on client side controller. showSpinner js function set the spinner attribute to true on component and the loading spinner is display on component body.
A component event can be handled by the component that fired the event or by a component in the containment hierarchy that receives the event. The action attribute of <aura:handler> sets the client-side controller action to handle the event. The event attribute specifies the event being handled.
How to get record id in lightning:recordEditForm?
- <aura:component >
- <div>
- <lightning:recordEditForm objectApiName = "Opportunity"
- onsuccess = "{! c.
- <lightning:inputField fieldName="Name" />
- <lightning:inputField fieldName="StageName" />
- <lightning:inputField fieldName="CloseDate" />
- <lightning:inputField fieldName="AccountId" />
getparameters(). get('id') can be used to get current record id or other url parameters in apex code. Many times we have requirement to get current record id or url parameters of visualforce page in apex code. Many times we require the current record id in controller.
A lightning-card is used to apply a stylized container around a grouping of information. The information could be a single item or a group of items such as a related list. A lightning-card contains a title, body, and footer. To style the card body, use the Lightning Design System helper classes.
force:hasRecordId interface
This interface is used to indicate that a component takes a record (SObject) as an attribute.- var action = component. get("c.fetchUser"); action.
- var state = response. getState(); if (state === "SUCCESS") {
- var storeResponse = response. getReturnValue(); // set current user information on userInfo attribute.
- component. set("v.userInfo", storeResponse); }
- $A. enqueueAction(action); }
Here is how you can do that: Fetch the page URL like this in lightning component controller: var sPageURL = decodeURIComponent(window. location.search.
Implement lightning:isUrlAddressable interface and use pageReference attribute. First thing first. You have written apex:attribute in your question which is not valid, you should use aura:attribute. Next, you have to declare the attributes in the app, not in the component in order to fetch them from the URL.
You can deploy it through the command palette using “SFDX: Deploy This Source to Org” or by right clicking the component folder under the LWC section in the project explorer window. Once it is deployed, you can drag and drop the component from the AppBuilder into your Salesforce Org to use it.
Deploy Lightning Web Component using Change Set in Salesforce. From Setup, enter Outbound Change Sets in the Quick Find box, then select Outbound Change Sets. In the Change Sets list, click the name of a change set, or create a new one. Click Add to add components.
A Lightning page is a custom layout that lets you design pages for use in the Salesforce mobile app or Lightning Experience. Lightning pages occupy a middle ground between page layouts and Visualforce pages. Like a page layout, Lightning pages allow you to add custom items to a page.
Global Value Providers
| Global Value Provider | Description |
|---|
| $ContentAsset | The $ContentAsset global value provider lets you reference images, style sheets, and JavaScript used as asset files in your lightning components. |
| $Label | The $Label global value provider enables you to access labels stored outside your code. |
Implements is use to refer platform interfaces which enables a component to be used in different contexts or to grant access to extra context data, a component can implement more than one interfaces.
Introducing Lightning Web Components. Lightning Web Components is the Salesforce implementation of that new breed of lightweight frameworks built on web standards. It leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond.
Step3 : Deploying Flexipage
We need to deploy this zip file into Salesforce and for that, I am going to use Workbench. In Workbench, navigate to deploy, select your zip file and select “Single package”. Once you have successfully deployed above zip file, you will see below page conforming Success message.Flexi page can contain List View, Recent Items, Report chart, Visualforce page and Global actions. Update 8-July – Flexipage is refered as “Lightning Page” in Salesforce documentation.
