Event handlers
Есть два способа расширить стандартные компоненты с помощью взаимодействия. Если вы свободно владеете Javascript, вы можете разработать множество элементов управления взаимодействием с помощью классического javascript с множеством вспомогательных функций. Если вы не разработчик, вам будут полезны существующие элементы графического интерфейса и элементы управления взаимодействием.
Любое взаимодействие начинается с обработчиков событий, которые вы найдете практически в каждом компоненте. Основываясь на возможных взаимодействиях с пользователем, вы можете использовать события в качестве триггеров для реализации разумного набора действий. В большинстве случаев вы можете объединить несколько триггеров событий, добавив обработчики событий с различными конфигурациями действий
В Apeekflow обработчики событий отвечают за сбор и обработку событий от компонентов и запросов и выполнение последующих действий. Например, для компонента Кнопка вы можете добавить обработчик событий, который запускает действие Выполнить запрос **** в ответ на событие Нажатия кнопки.
Разумно настраивайте обработчики событий, чтобы обеспечить быстрый и отзывчивый пользовательский интерфейс (UX). Например, запуск запроса get-all после завершения запроса insert-new-data позволяет автоматически обновлять таблицу.
Вы можете добавить столько обработчиков событий, сколько захотите, для одного компонента или запроса, и эти обработчики событий будут выполняться одновременно.
События
События компонентов
Разные компоненты имеют разные события. Например, компоненты Кнопки имеют только событие Нажатие.
Входные компоненты имеют функции изменения, фокусировки, размытия и отправки событий.
События запроса
Выполнение запроса может завершиться успехом или неудачей, поэтому запросы имеют два события: успех или неудача. Вы можете добавить обработчики событий к запросам в редакторе запросов.
Действия
В Apeekflow доступно несколько действий обработчика событий для обработки различных сценариев. Укажите их в раскрывающемся списке Действий в обработчике событий.
Дополнительные настройки приведены в разделе Дополнительно на этой странице.
Выполнить запрос
Запустите выбранный запрос.
Компоненты управления
Чтобы управлять компонентом, выберите компонент в раскрывающемся списке Компонент и вызовите один из его методов в раскрывающемся списке Метод.
Установить временное состояние
Храните данные во временном состоянии.
Перейти к приложению
Перейдите к приложению Apeekflow с необязательными параметрами запроса или хэша.
Запрос URL-адреса
Добавьте ?key1=value1&key2=value2... к URL-адресу приложения, которое нужно открыть
Хэш URL-адреса
Добавьте #key1=value1&key2=value2...к URL-адресу приложения, которое нужно открыть
Пример использования
В приложении Список пользователей нажмите Просмотреть информацию, чтобы перейти к приложению Информация о пользователе, и в выбранной строке отобразится подробная информация о пользователе.
Приложение Список пользователей передает
{{currentRow.id}}в строке таблицы в качестве параметра URL-запроса к приложению Информация о пользователе.Поле URL глобальной переменной приложения Информация о пользователе автоматически преобразует URL, запрошенный приложением. В этом случае значение
url.queryимеет значение{"id":3}, поэтому запрос будет получать соответствующую информацию о пользователе через{{url.query.id}}. Смотрите рисунок ниже.
Перейдите по URL-адресу
Перейдите по внешнему URL-адресу.
Показывать уведомление
Отображать всплывающее уведомление с информацией, сообщением об успешном завершении, предупреждении или ошибке.
Скопировать в буфер обмена
Скопируйте значение в буфер обмена.
Экспорт данных
Экспортируйте данные в файлы определенного типа (TXT, JSON, CSV и Excel).
Передовой
Запускайте только тогда, когда
Действие может быть запущено только при заданном условии. Настройте условие запуска обработчика событий в параметре Запускаться только тогда, когда, и тогда обработчик событий запускается только тогда, когда это условие принимает значение true.
Отмена и ограничение
Отмена и Ограничение снижают частоту срабатывания механизма.
Отмена
Отмена действия задерживает действие. Как только установлено время отмены, действие не будет выполнено сразу после события, пока не истечет время отмены. Если событие повторится до истечения указанного времени, время отмены будет отсрочено. Например, компонент ввода запускает запрос, как только пользователь изменяет текст. Если выполнение запроса требует больших затрат и вы не хотите запускать его после ввода каждого отдельного символа, вы можете отложить выполнение запроса, установив время его завершения. Тогда запрос будет выполнен только после того, как пользователь закончит вводить текст.
Ограничение
Ограничение позволяет выполнить действие только один раз в течение определенного периода времени. По умолчанию каждое отдельное событие запускает действие, но иногда выполнение действия может быть дорогостоящим. Например, вы задаете дескриптор события для запуска действия "Выполнить запрос" **** для обновления данных в ответ на событие Нажатие, но обнаруживаете, что выполнение этого запроса требует слишком больших затрат, тогда вы можете установить ограниченное время, чтобы запрос выполнялся только один раз в течение заданного времени.
Last updated