В мире разработки Salesforce компоненты Lightning предоставляют мощную основу для создания интерактивных и динамических пользовательских интерфейсов. Одним из важных аспектов любого пользовательского интерфейса является возможность плавного перехода между различными страницами или разделами. Гиперссылки играют решающую роль в достижении этой функциональности. В этой статье блога мы рассмотрим различные методы создания гиперссылок с функциями контроллера в компонентах Lightning, используя разговорный язык и попутно предоставляя примеры кода.

Метод 1: использование тега <a>
Самый простой способ создать гиперссылку — использовать тег HTML <a>. В разметке компонента Lightning вы можете определить тег привязки и назначить функцию контроллера его атрибуту onclick. Вот пример:

<aura:component>
    <a onclick="{!c.navigateToPage}">Click here to navigate</a>
</aura:component>

В файле JavaScript вашего контроллера (controller.js) определите функцию navigateToPageдля управления логикой навигации:

({
    navigateToPage: function(component, event, helper) {
        // Navigation logic goes here
    }
})

Метод 2: использование компонента lightning:navigation
Salesforce Lightning предоставляет встроенный компонент под названием lightning:navigation, который упрощает процесс навигации. Вот пример использования этого компонента для создания гиперссылки:

<aura:component>
    <lightning:navigation aura:id="navService"/>
    <a onclick="{!c.navigateToPage}">Click here to navigate</a>
</aura:component>

В файле JavaScript вашего контроллера (controller.js) определите функцию navigateToPageдля управления логикой навигации:

({
    navigateToPage: function(component, event, helper) {
        var navService = component.find("navService");
        var pageReference = {
            type: "standard__recordPage",
            attributes: {
                recordId: "<recordId>",
                objectApiName: "Account",
                actionName: "view"
            }
        };
        navService.navigate(pageReference);
    }
})

Метод 3. Использование свойства window.location.href.
Другой способ перехода к определенному URL-адресу — управление свойством window.location.href. Вот пример:

<aura:component>
    <a onclick="{!c.navigateToPage}">Click here to navigate</a>
</aura:component>

В файле JavaScript вашего контроллера (controller.js) определите функцию navigateToPageдля управления логикой навигации:

({
    navigateToPage: function(component, event, helper) {
        window.location.href = "https://www.example.com";
    }
})

Гиперссылки с функциями контроллера в компонентах Lightning обеспечивают удобный способ навигации между страницами или разделами вашего приложения. В этой статье мы рассмотрели три разных метода — использование тега <a>, компонента lightning:navigationи свойства window.location.href. В зависимости от ваших требований и сложности вашего приложения вы можете выбрать метод, который лучше всего соответствует вашим потребностям. Благодаря этим методам в вашем наборе инструментов вы сможете создавать динамические и интерактивные пользовательские интерфейсы в компонентах Salesforce Lightning.