OS80: Как использовать LWC внутри OmniStudio FlexCard (ПРОСТО) || Передача recordId и доступа с п... скачать в хорошем качестве

OS80: Как использовать LWC внутри OmniStudio FlexCard (ПРОСТО) || Передача recordId и доступа с п...

В этом видео мы научимся встраивать компонент Lightning Web Component (LWC) в OmniStudio FlexCard и передавать recordId из FlexCard в LWC с помощью декоратора @api. Это простой и практичный пример использования, где: FlexCard настраивается в объекте Account FlexCard передает recordId объекта Account LWC получает recordId с помощью @api LWC получает данные Account с помощью lightning/uiRecordApi Данные Account отображаются динамически Этот шаблон чрезвычайно полезен, когда вы хотите расширить возможности FlexCard с помощью пользовательской логики интерфейса. ----------------------------------------------- Обзор сценария использования FlexCard размещается на странице записи учетной записи FlexCard передает идентификатор записи во встроенный LWC LWC использует @api recordId для получения значения LWC получает поля учетной записи с помощью getRecord Отображаются данные учетной записи, такие как имя, отрасль, доход, телефон, веб-сайт, сотрудники ---------------------------- Пояснение к коду 1️⃣ @api recordId Это позволяет FlexCard динамически передавать идентификатор записи учетной записи в LWC. 2️⃣ @wire(getRecord) Адаптер getRecord получает данные учетной записи, используя переданный recordId. 3️⃣ Импортируемые поля Мы импортируем: Имя Годовой доход Отрасль Тип Телефон Веб-сайт Количество сотрудников Эти поля сгруппированы в константе FIELDS и передаются в метод getRecord. 4️⃣ Методы-геттеры Каждое поле имеет метод-геттер для корректного извлечения значений с помощью getFieldValue(). 5️⃣ Форматирование дохода Годовой доход форматируется с использованием Intl.NumberFormat для отображения в долларах США. 6️⃣ Инициалы учетной записи Вычисляемый геттер генерирует инициалы из имени учетной записи для отображения в пользовательском интерфейсе. ----------------------------------------- Шаги по встраиванию LWC в FlexCard Развертывание LWC в Salesforce Предоставление доступа к нему для использования в OmniStudio Открытие конструктора FlexCard Добавление пользовательского элемента LWC Сопоставление record-id с {recordId} Активация FlexCard Тестирование на странице записи учетной записи -------------------------------------------------- Что вы узнаете Как встроить LWC в FlexCard Как динамически передавать recordId Как работает декоратор @api Как использовать lightning/uiRecordApi Как получать и форматировать данные учетной записи Когда следует расширять FlexCard с помощью LWC Этот учебник идеально подходит для: Разработчиков OmniStudio Разработчиков Salesforce Всех, кто комбинирует LWC с FlexCard Разработчиков, создающих динамический пользовательский интерфейс расширения =============================== ВРЕМЕННЫЕ МЕТКИ: 00:00 – Введение и обзор вариантов использования 00:30 – Изучение кода LWC 03:40 – Создание Flexcard 04:10 – Встраивание LWC в FlexCard 05:45 – Тестирование на странице записи учетной записи =========================== Ссылка на GitHub: https://github.com/phoenix-0001/light... =========================== Плейлисты: ПОТОКИ SALESFORCE ПЛЕЙЛИСТ:    • FLOWS   ПЛЕЙЛИСТ OMNISTUDIO:    • BUSINESS RULES ENGINE || OMNISTUDIO   ПЛЕЙЛИСТ SALESFORCE OUT OF THE BOX:    • SALESFORCE OUT OF THE BOX   ПЛЕЙЛИСТ SALESFORCE APEX TRIGGERS:    • APEX TRIGGERS   SALESFORCE AGENTSTUDIO ПЛЕЙЛИСТ:    • AGENTSTUDIO   ПЛЕЙЛИСТ ПО ОБЛАЧНЫМ ДАННЫМ SALESFORCE:    • DATA CLOUD   =========================== ПОДПИСЫВАЙТЕСЬ НА МЕНЯ В: Instagram: / caminos_infinitos_26 LinkedIn: / linkedin.com/in/pariplab-pal-077554160 ​ @SalesforceAIChampions ​ @pariplabpal =========================== #salesforce #omnistudio #flexcards #lwc #salesforcedeveloper #apex #lowcode