#Написание и запуск JS онлайн

В NocoBase RunJS предлагает легковесный способ расширения, идеально подходящий для быстрых экспериментов и временной обработки логики. Вам не потребуется создавать плагины или изменять исходный код — вы сможете персонализировать интерфейсы и взаимодействия с помощью JavaScript.

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

• Пользовательскую отрисовку содержимого (полей, блоков, колонок, элементов и т.д.)
• Пользовательскую логику взаимодействия (нажатия кнопок, связывание событий)
• Динамическое поведение с использованием контекстных данных

#Поддерживаемые сценарии

#JS-блок

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

Документация: JS-блок

#JS-действие

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

Документация: JS-действие

#JS-поле

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

Документация: JS-поле

#JS-элемент

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

Документация: JS-элемент

#JS-колонка таблицы

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

Документация: JS-колонка таблицы

#Правила связывания

Управляйте логикой связывания между полями в формах или на страницах с помощью JS. Например: когда одно поле изменяется, динамически изменяйте значение или видимость другого поля.

Документация: Правила связывания

#Поток событий

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

Документация: Поток событий