Before Summer 18, to read parameter in Lightning Component, we had to wrap Lightning Component in Lightning Application. After Summer 18, it has changed for good.
In this blog post we would create a formula field to launch Lightning Component (yes, you read it right). And then we would read URL parameter in Lightning Component using pageReference provided by interface lightning:isUrlAddressable.
Create a formula field on Account to launch Lightning Component and read its parameter.
As you can see in above image, we would be using Hyperlink method to create link in Lightning Experience
HYPERLINK("/lightning/cmp/c__ReadParameter?accountName="+ Name , "Launch")
Create a Lightning Component with below source code
After clicking on formula field, Lightning component would look like below image showing capability to read URL parameter
Thanks so much Jitendra, really useful article.
Will the formula field work in Salesforce Classic and salesforce 1 mobile too?
Chait
It will work only in Lightning Experience as you cannot launch Lightning component directly in classic.
Hi Jitendra, I have used it many times but after my sandbox updated to summer’19 it is not working please check my question.
Thanks in Advance !!
https://developer.salesforce.com/forums/ForumsMain?id=9062I000000IGRMQA4
You are the guy…who is tired less learner.
Is it possible to open this page as a popup, instead of redirecting it to a new screen?
I am getting the below error-
This page isn’t available in Salesforce Lightning Experience or mobile app.
It does not work. When you click on the hyperlink of the formula, the page loses the parameter and its reference data.
will it work in community if yes i am having trouble passing it in my url as i am getting null when doing console.log
will it work in community pages, if yes then how, can you brief me?
this is url and i am passing parameter in it as key= sunil https://deb1-coro.cs17.force.com/v2/s/invdetail?key=sunil
var pageReference = component.get(‘v.pageReference’); console.log(JSON.stringify(pageReference));
but getting null as log
This is not working anymore after Summer 19 . YOU Need to append namespace c__ to all parameters which you are including in url and same in the compoenent. For example above formula field would be
HYPERLINK(“/lightning/cmp/c__ReadParameter?c__accountName=”+ Name , “Launch”)
& code
({
init : function(component, event, helper) {
var pageReference = component.get(“v.pageReference”);
component.set(“v.accountName”, pageReference.state.c__accountName);
}
})
Manas Desai you made my day. Thanks a lot.