OS79: Условная отрисовка дочерней FlexCard с изображением с использованием пользовательского JSON... скачать в хорошем качестве

OS79: Условная отрисовка дочерней FlexCard с изображением с использованием пользовательского JSON...

В этом видео мы создадим практический пример использования OmniStudio, где будем динамически отображать флаги стран (Индия или США) с помощью дочерних FlexCard-элементов. Родительский FlexCard-элемент использует пользовательский JSON в качестве источника данных для передачи названия страны. В зависимости от этого значения, соответствующий дочерний FlexCard-элемент с элементом Image отображается условно. Это чистый, декларативный способ управления поведением пользовательского интерфейса в FlexCard-элементах без Apex. 🔹 Обзор вариантов использования Родительская FlexCard использует пользовательский источник данных JSON JSON содержит поле следующего вида: { "country": "INDIA" } или { "country": "USA" } Создаются две дочерние FlexCard: Дочерняя FlexCard 1 → Флаг Индии (настроен элемент изображения) Дочерняя FlexCard 2 → Флаг США (настроен элемент изображения) В зависимости от значения страны, переданного из JSON, отображается только соответствующая дочерняя FlexCard 🔹 Что вы узнаете Как настроить FlexCard с пользовательским источником данных JSON Как создать несколько дочерних FlexCard Как добавлять и настраивать элементы изображения внутри FlexCard Как применять правила условного отображения Как динамически отображать различные компоненты пользовательского интерфейса на основе данных Лучшие практики проектирования родительских и дочерних FlexCard 🔹 Практическая реализация Шаги 1️⃣ ​​Подготовка пользовательского JSON в родительской FlexCard Перейдите на вкладку «Настройка» Выберите «Пользовательский JSON» в качестве источника данных Добавьте пример JSON с полем «Страна» Пример: { "country": "INDIA" } 2️⃣ Создание дочерней FlexCard — Флаг Индии Добавьте элемент изображения Настройте URL изображения для флага Индии Настройте стиль и размер соответствующим образом Добавьте правило условной видимости: Показывать только когда {country} == "Индия" 3️⃣ Создание дочерней FlexCard — Флаг США Добавьте элемент изображения Настройте URL изображения для флага США Добавьте правило условной видимости: Показывать только когда {country} == "США" 4️⃣ Встраивание дочерних FlexCard в родительскую Добавьте обе дочерние FlexCard в родительскую Примените условия видимости Предварительный просмотр и тестирование различных значений страны 🔹 Ожидаемый результат Поведение Если JSON содержит "India" → Отображается только флаг Индии Если JSON содержит "USA" → Отображается только флаг США Apex не требуется Полностью декларативная настройка 🔹 Ключевые понятия, рассмотренные в этом руководстве: Пользовательский интерфейс на основе JSON Условная отрисовка в FlexCards Конфигурация элементов изображений Структура FlexCard "родитель-потомок" Переключение интерфейса на основе данных Этот учебник идеально подходит для: Разработчиков OmniStudio Разработчиков Salesforce, работающих с FlexCards Всех, кто создает динамическую логику пользовательского интерфейса Команд, внедряющих макеты на основе данных ================================ ✔ Временные метки 00:00 – Введение и обзор вариантов использования 01:00 – Создание дочерней FlexCard с флагом Индии 03:10 – Создание дочерней FlexCard с флагом США Флаг дочерней FlexCard 04:00 – Настройка родительской FlexCard 04:40 – Пользовательский источник данных JSON 05:40 – Использование элемента отображения FlexCard 07:30 – Применение правил условной видимости 08:40 – Тестирование =========================== Плейлисты: Плейлист SALESFORCE FLOWS:    • FLOWS   Плейлист OMNISTUDIO:    • BUSINESS RULES ENGINE || OMNISTUDIO   SALESFORCE OUT OF THE BOX ПЛЕЙЛИСТ:    • SALESFORCE OUT OF THE BOX   ПЛЕЙЛИСТ ПО ТРИГГЕРАМ SALESFORCE APEX:    • APEX TRIGGERS   ПЛЕЙЛИСТ ПО SALESFORCE AGENTSTUDIO:    • AGENTSTUDIO   ОБЛАКО ДАННЫХ SALESFORCE ПЛЕЙЛИСТ:    • DATA CLOUD   =========================== ПОДПИСЫВАЙТЕСЬ НА МЕНЯ В: Instagram: / caminos_infinitos_26 LinkedIn: / linkedin.com/in/pariplab-pal-077554160 ​ @SalesforceAIChampions ​ @pariplabpal =========================== #salesforce #omnistudio #flexcards #customjson #salesforcedeveloper #lowcode #lwc