ApeekFlow
  • Платформа Apeekflow
  • С чего начать
    • Начало работы
    • Создаем первое приложение
    • Шаблоны проектов
  • Настройки платформы
    • Профиль
    • Библиотека запросов
    • Источники данных
      • Базы данных
        • PostgreSQL
        • MongoDB
        • MySQL
        • Redis
        • Microsoft SQL Server
        • MariaDB
      • AI сервисы
      • App Development
        • REST API
        • ApeekFlow REST API
      • Messaging
      • Assets
        • Хранилище файлов S3
      • Websocket
      • Сервисы
        • Google Sheets
    • Настройки
      • Рабочие пространства
      • Пользователи и группы
      • Расширенные настройки
        • Сторонние библиотеки
        • Импорт UMD библиотек
    • Корзина
  • Конструктор приложений
    • Обзор
      • Приложения
      • Модули
      • Приложение или модуль
      • Навигационная панель
      • Массовое редактирование
      • Управление слоями
      • Использвание Markdown
      • Горячие клавиши
    • Каталог компонентов
      • Общие настройки компонентов
      • Тост нотификации
      • Components
        • Table
        • Cascader
        • Link
        • Float Button
        • Form
        • JSON Schema Form
        • JSON Editor
        • JSON Explorer
        • Rich Text Editor
        • Input
        • Password
        • Number Input
        • Text Area
        • Auto Complete
        • Switch
        • Checkbox
        • Radio
        • Slider
        • Range Slider
        • Form Button
        • Icon Button
        • Dropdown
        • Toggle Button
        • Rating
        • Select
        • Multiselect
        • Tree
        • Tree Select
        • Text Display
      • Calendar
        • Calendar
        • Timer
        • Date
        • Date Range
        • Time
        • Time Range
      • Layout
        • Responsive Layout
        • Page Layout
        • Column Layout
        • Float Text Container
        • Content Card
        • Tabbed Container
        • Collapsible Container
        • Container
        • List View
        • Grid
        • Modal
        • Drawer
        • Divider
        • Navigation
        • Segmented Control
        • Tour
      • Multimedia
        • File Upload
        • File Viewer
        • Image
        • Image Carousel
        • Audio
        • Video
        • Shapes
        • Lottie Animation
        • Icons
        • Image Editor
        • Color Picker
        • QR Code
        • Scanner
      • Graphs
        • Basic Chart
        • Candlestick Chart
        • Funnel Chart
        • Gauge Chart
        • Graph Chart
        • Heatmap Chart
        • Radar Chart
        • Sankey Chart
        • Sunburst Chart
        • Theme River Chart
        • Tree Chart
        • Treemap Chart
        • Geo Map Charts
        • Mermaid Chart
        • Timeline
        • Progress
        • Progress Circle
      • Collaboration
        • Avatar
        • Avatar Group
        • Comment
      • Integration
        • Page
    • Кастомизация и код
      • Настройка стилей компонентов
      • Temporary State
      • Transformers
      • Data responder
      • Event handlers
      • Выполнение запросов
        • Привязка данных запроса к компонентам
      • Использование Javascript
        • JavaScript запросы
        • Встроенные функции JS
        • Работа с датой и временем в Day.js
    • Антипатерны
  • Релиз менеджмент
    • Версионирование запросов
    • Версионирование приложений
    • Доступ до приложений
    • Публикация приложений
  • Безопасность
    • Основная информация
    • IP адреса облака
    • Права доступа до объектов
Powered by GitBook
On this page
  • Утилититы — служебные функции
  • utils.openUrl()
  • utils.openApp()
  • utils.downloadFile()
  • utils.copyToClipboard()
  • Сообщение — глобальное уведомление
  • Локальное хранилище
  • localStorage.values
  • localStorage.setItem()
  • localStorage.removeItem()
  • localStorage.clear()
  • Оперативность реагирования / информация на экране
  • Информация на экране. Тип устройства
  • Информация на экране. Высота
  • Информация на экране. Ширина
  • Информация на экране. Компьютер
  • Информация на экране. Планшет
  • Информация на экране. Мобильное устройство
  1. Конструктор приложений
  2. Кастомизация и код
  3. Использование Javascript

Встроенные функции JS

Утилититы — служебные функции

utils.openUrl()

Откройте URL-адрес.

// Синтаксис
utils.openUrl( url: string, options?: { newTab:  boolean = true } )
Параметр
Описание

url

Обязательный. Строковое значение, указывающее URL-адрес для открытия. Он должен начинаться с http:// или https://.

newTab

Необязательный. Логическое значение, которое при значении True указывает, что URL-адрес должен открываться в новой вкладке. Значение по умолчанию — True.

// Пример: Откройте google.com в новой вкладке.
utils.openUrl("https://www.google.com", { newTab: true })

utils.openApp()

Откройте приложение Apeekflow.

// Синтаксис
utils.openApp( applicationId: string, options?: { queryParams?: {"key":"value"}, hashParams?: {"key":"value"}, newTab: true } )
Параметр
Описание

appId

Обязательный. Строковое значение, указывающее идентификатор приложения, которое нужно открыть.

queryParams: {'key1':'value1',key2:'value2',...}

Необязательный. Объект, который определяет параметры запроса для передачи в приложение. Параметры запроса добавляются к URL-адресу приложения в виде ?ключ1=значение1&ключ2=значение2&...

hashParams:{'key1':'value1',key2:'value2',...}

Необязательный. Объект, который определяет параметры хэша для передачи в приложение. Параметры хэша добавляются к URL-адресу приложения в виде #ключ1=значение1&ключ2=значение2&...

newTab

Необязательный. Логическое значение, которое при значении True указывает, что URL-адрес должен открываться в новой вкладке. Значение по умолчанию — True.

// Пример: Откройте приложение Apeekflow на новой вкладке.
utils.openApp("632bddc33bb9722fb888f6c0", { newTab: true })

// Пример: Откройте приложение Apeekflow и введите параметр id.
utils.openApp("632bddc33bb9722fb888f6c0", {
  queryParams: { "id": table1.selectedRow.id },
} )

utils.downloadFile()

Загрузите файл, содержащий указанные данные.

// Синтаксис
utils.downloadFile(data: any, fileName: string, options?: {
  fileType?: string, 
  dataType?: "url" | "base64"
} )
Параметр
Описание

data

Обязательный. Строка или объект, указывающий данные для загрузки из запросов, компонентов, преобразователей и т.д.

fileName

Обязательный. Строковое значение, указывающее имя загружаемого файла.

fileType

dataType

Необязательный. Строковое значение, указывающее тип данных: "url" или "base64".

// Пример: Загрузите данные base64 из файлового компонента в формате PNG file named users-data.
utils.downloadFile(file1.value[0], "users-data", {
  fileType: "png",
  dataType: "base64",
})


// Пример: Загрузите результаты запроса 1 в виде файла XLXS с именем users-data.
utils.downloadFile(query1.data, "users-data", { fileType: "xlsx" })
// или таким образом:
utils.downloadFile(query1.data, "users-data.xlsx")

// Пример: Загрузите результаты запроса 1 в виде файла XLXS с именем users-data.
utils.downloadFile(restApiQuery.data, "users-data", {
  fileType: "pdf",
  dataType: "base64",
})

utils.copyToClipboard()

Скопируйте строку в буфер обмена.

// Синтаксис
utils.copyToClipboard( text: string )
Параметр
Описание

text

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

// Пример: Скопируйте содержимое входного компонента в буфер обмена.
utils.copyToClipboard( input1.value )

Сообщение — глобальное уведомление

Используйте messageспособы отправки глобального оповещения, которое отображается в верхней части экрана и по умолчанию длится 3 секунды. Каждый из следующих четырех способов поддерживает уникальный стиль отображения.

// сообщение.информация( текст: строка, параметры?: {продолжительность: номер = 3 } )
message.info("Please confirm your information", { duration: 10 })
// сообщение.успех( текст: строка, параметры?: {продолжительность: номер = 3 } )
message.success("Query runs successfully", { duration: 10 })
// сообщени.предупреждение( текст: строка, параметры?: {продолжительность: номер = 3 } )
message.warn("Warning", { duration: 10 })
// сообщение.ошибка( текст: строка, параметры?: {продолжительность: номер = 3 } )
message.error("Query runs with error", { duration: 10 })

Локальное хранилище

Ипользуйте localStorage методы локального хранения и управления данными о паре ключ-значение, которые не сбрасываются при обновлении приложения и к которым можно получить доступ из любого приложения в рабочей области с помощьюlocalStorage.values.

Метод
Описание

setItem(key: string, value: any)

Храните пару ключ-значение.

removeItem(key: string)

Удалите пару ключ-значение.

clear()

Очистите все данные в localStorage.

localStorage.values

Вы можете получить доступ к любой паре ключ-значение в локальном хранилище с помощью localStorage.values. в запросах JavaScript.

Проверьте данные в localStorage в Globals в браузере данных.

localStorage.setItem()

Храните пару ключ-значение.

// Синтаксис
localStorage.setItem(key: string, value: any)

// Пример
localStorage.setItem("order", select1.value)

localStorage.removeItem()

Удалите пару ключ-значение.

// Синтаксис
localStorage.removeItem(key: string)

// Пример
localStorage.removeItem("order")

localStorage.clear()

Очистите все данные в localStorage.

Оперативность реагирования / информация на экране

Чтобы включить адаптивные макеты, вам необходимо знать, на каком устройстве в данный момент просматривается ваше приложение. Этот помощник предоставляет информацию о размерах экрана. Значения автоматически обновляются при изменении размера экрана.

Информация на экране. Тип устройства

Вы можете использовать тип устройства , чтобы определить тип устройства на основе текущей ширины экрана приложения Loworder (или веб-сайта, на котором оно установлено). Это значение автоматически обновляется при изменении размера экрана.

Информация на экране. Тип устройства
=> возвращает строку: Рабочий стол | Планшет | Мобильный телефон

Информация на экране. Высота

Информация на экране. Высота
=> возвращает число: высота экрана (окна браузера)

Информация на экране. Ширина

Информация на экране. Ширина
=> возвращает число: ширину экрана (окна браузера)

Информация на экране. Компьютер

Информация на экране. Компьютер
=> возвращает логическое значение: если текущая ширина рассматривается как размер рабочего стола

Информация на экране. Планшет

Информация на экране. Планшет
=> возвращает логическое значение: если текущая ширина рассматривается как размер экрана планшета

Информация на экране. Мобильное устройство

Информация на экране. Мобильное устройство
=> возвращает логическое значение: если текущая ширина рассматривается как размер экрана мобильного устройства
PreviousJavaScript запросыNextРабота с датой и временем в Day.js

Last updated 7 months ago

Необязательный. Строковое значение, указывающее тип загружаемого файла. Поддерживаются все .

типы MIME