focusNavigationItem() for Lightning Experience
Focuses on the selected navigation object and opens the object's home page. Typically,
standard and custom objects open the object's list view. If split view is open, focus remains on
the selected navigation object. This method works only in Lightning console apps.
Keep these things in mind when working with this method.
- If a tab is already open for the navigation item, the focus is set on the tab.
- If split view is open, the focus is set on the navigation tab.
- If split view is collapsed, the navigation item’s tab is opened and focus is set on the tab.
Arguments
None
LWC Sample Code
This example moves the user's focus to the current navigation item's home page.
1import { LightningElement } from 'lwc';
2import { focusNavigationItem } from 'lightning/platformNavigationItemApi';
3
4export default class MyComponent extends LightningElement {
5 async handleFocusNav() {
6 try {
7 await focusNavigationItem();
8 console.log('Navigation item focused successfully');
9 } catch (error) {
10 console.error('Failed to focus navigation item:', error);
11 }
12 }
13}Aura Components Sample Code
This component has a button that, when pressed, focuses on the navigation item and opens the navigation item’s home page. For most objects, the home page is the object’s list view.
Component code:
1<aura:component implements="flexipage:availableForAllPageTypes" access="global">
2 <lightning:navigationItemAPI aura:id="navigationItemAPI"/>
3 <lightning:button label="Focus navigation item" onclick="{!c.focusNavigationItem}"/>
4</aura:component>Controller code:
1({
2 focusNavigationItem : function(component, event, helper) {
3 var navigationItemAPI = component.find("navigationItemAPI");
4 navigationItemAPI.focusNavigationItem().then(function(response) {
5 console.log(response);
6 })
7 .catch(function(error) {
8 console.log(error);
9 });
10 }
11})Response
This method returns a promise that, upon success, resolves to true. The promise is rejected on error.