Navigating to record detail page in a tab in sales console on click of a button in lightning button menu

Question

I have a lightning card placed on a component and it has a lightning button menu , the first button is view where on clicking it, it needs to open a record detail page in a seperate tab, The record id of that record is in a string variable. I used navigatetosobject in side of onselect for lightning button menu but it is not working, can someone tell me how to acheive this.

This is the html for the button menu :

 <div class="slds-dropdown_right">
     <lightning:buttonMenu alternativeText="Toggle menu"  menuAlignment="right" class="slds-m-left_xx-large" onselect="{!c.handleMenuSelect}">
         <lightning:menuItem label="View" value="view"/>
         <lightning:menuItem label="Completed-Payment" value="completedPayment"/>
         <lightning:menuItem label="Uncollectible" value="uncollectible"/>
         <lightning:menuItem label="Already Paid" value="alreadyPaid"/>
     </lightning:buttonMenu>
 </div>

This is the function in helper :

navToDelDetails: function (component, event, helper){
var navEvt = $A.get("e.force:navigateToSObject");
navEvt.setParams({
    "recordId":"v.delRecordId"});
navEvt.fire();

This is the controller where i called the helper inside onselect :

  handleMenuSelect: function(component, event, helper) {
    var selectedMenu = event.detail.menuItem.get("v.value");
    console.log('selectedMenu-' + selectedMenu);
    switch(selectedMenu) {
        case "view":
            helper.navToDelDetails(component,delRecordId);
            break;
        case "uncollectible":
            //do delete
            break;
        case "alreadyPaid":
            //do edit
            break;
    }
}

Answer 1

There are a couple things here. Your helper method does not have the same signature as your are passing the data to it. On your controller you are passing two variables:

helper.navToDelDetails(component,delRecordId);

But on your helper method, you have these three variables:

navToDelDetails: function (component, event, helper) 

Then in your helper you are trying to set v.delRecordId as the source to navigate to, but you you are using this as a string, so literally "v.delRecordId" is the id you are trying to pass.

You have two ways to change this:

1. change the signature of the helper method to have the second variable something you want to use (component,delRecordId). Then in your setParams, use the variable instead of a string delRecordId.

navEvt.setParams({"recordId": delRecordId });

2. Set your delRecordId in your component before you pass over the helper. In this case you are closer to what you are trying to do in v.delRecordId. You have to set this value first in the controller, then in your helper, read the value again.

helper:

navEvt.setParams( {"recordId": component.get("v.delRecordId") });