I am a beginner in learn lightning. I am trying to create a custom component to display open cases on the home page for a user. Using onlick to open the respective record. But I am unable to retrieve the recordid for page reference. The logs shows undefined. Any suggestions?


<aura:component controller="getOpencaseapex" implements="force:appHostable,flexipage:availableForAllPageTypes,force:hasRecordId"  access="global">

    <aura:attribute name="casel" type="Case[]"/>
      <aura:attribute name="url" type="String"/>
     <aura:attribute name="pageReference" type="Object"/>
    <aura:handler name="init" value ="{!this}" action="{!c.doInit}"/>
    <aura:attribute name="recordId" type="String" />
    <lightning:navigation aura:id="navService"/>
    <p> MY OPEN CASES</p>
    <aura:iteration items="{!v.casel}" var="cs">

        <div class="itemTitle body" data-id="{!cs.Id}" onclick="{!c.gotorecord}">
            <ul >
                <li >

                    <ui:outputText value="{!cs.Status}" />


    doInit : function(cmp, event, helper) {

        var action = cmp.get("c.opencase");

        console.log('calling doInit');

        action.setCallback(this, function(response) {
            var state=response.getState();

                console.log('getting cases');
             else {

    gotorecord : function(cmp,event,helper) {

        var id = cmp.get("v.recordId");
        var navService = cmp.find("navService");

        var pageReference = {
            type: 'standard__RecordPage',
            attributes: {
                objectApiName: 'Case',
                actionName: 'view'
        cmp.set("v.pageReference", pageReference);

        var defaultUrl = "#";
            .then($A.getCallback(function(url) {
                cmp.set("v.url", url ? url : defaultUrl);
                console.log('@@url' ,v.url);
            }), $A.getCallback(function(error) {
                cmp.set("v.url", defaultUrl);

       var pageReference  = cmp.get("v.pageReference");
        navService.navigate(pageReference );

  • Hi, and welcome to SFSE! In the future, please remember to use the {} button in the editor to format your code properly. Nice job on overall on your first post, though. Here's hoping you learn a lot from the community. If you haven't yet, I invite you to read about How to Ask and How to Answer.
    – sfdcfox
    May 29, 2020 at 7:30
  • Two things that jump out at me. force:hasRecordId would give your component a recordId attribute automatically - you shouldn't define one. Second, the component needs to be placed on a record page for recordId to be auto-filled. My guess is that the recordId is not immediately available in this context. No worries, you should be able to pull it off of the case record you're getting in doInit.
    – nbrown
    May 29, 2020 at 13:24

1 Answer 1


You should get the ID from the element:

gotorecord : function(cmp,event,helper) {
  var id = event.target.dataset.id;
  • Hello, Thank you for the all the tips. I am now able to understand the use of force:hasRecordId . And yes, I was able to retrieve the id of the record clicked as well. :) Jun 9, 2020 at 6:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.