Dropdown

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

Свойства

Каждый список параметров имеет четыре свойства.

  • Метка: отображаемый текст опции для пользователей.

  • Значение: уникальный идентификатор опции

  • Отключено: отключите эту опцию (значение по умолчанию равно false)

  • Скрытый: скрыть параметр (значение по умолчанию false)

Если более чем в одном параметре в одном списке используется одно и то же значение, только первый параметр является допустимым и, таким образом, отображается.

Ручной режим

В разделе Основные > Руководство нажмите + Добавить, чтобы создать новую опцию. Выберите опцию, чтобы настроить ее вручную. Вы можете нажать ··· чтобы продублировать или удалить параметр, перетащите ⋮⋮ чтобы упорядочить его положение.

Проверьте значение выбранного параметра в разделе Компоненты в браузере данных. Например, если выбран Нью-Йорк, вы можете найти строковое значение "1" для выбора местоположения.

Для этих сценариев рекомендуется использовать ручной режим:

  • Управляемый вручную и доступный для перечисления

  • Используется только одним компонентом

  • Данные не поступают из источников данных

Отображенный режим

Если у вас есть данные списка параметров, которые поступают из источников данных, преобразователей или временного состояния, вы можете использовать режим сопоставления. В разделе Основные > Сопоставление введите массив источника данных в поле данных, используя код JavaScript (JS). Список параметров будет автоматически сопоставлен из этого массива. Например, получить доступ к информации об университете можно с помощью {{university.data}}. Каждый элемент в результирующем массиве содержит country, web_pages, alpha_two_code и name.

Вы можете ссылаться на значение любого параметра, используя item and its index i, начиная с 0. В следующем примере меткой каждого параметра является name университета, ценность которого заключается в web_page, и те, которые содержат открывающую скобку ( в их названиях отключены. По умолчанию установлено значение web_pages из первого пункта, используя {{university.data[0].web_pages}}. Обратите внимание, что значением по умолчанию в списке параметров должен быть элемент из массива значений, но не из массива меток.

Проверьте значение выбранного параметра в разделе Компоненты в браузере данных. Например, при выборе "Ahi Evran University" его строковое значение [\"http://www.ahievran.edu.tr/\"] отображается на дисплее.

Last updated