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