#Написання та виконання JS онлайн

У NocoBase RunJS пропонує легкий спосіб розширення, що ідеально підходить для сценаріїв швидких експериментів та тимчасової обробки логіки. Вам не потрібно створювати плагіни або змінювати вихідний код, щоб персоналізувати інтерфейси чи взаємодії за допомогою JavaScript.

Завдяки йому ви можете безпосередньо вводити JS-код у конструкторі інтерфейсу, щоб реалізувати:

• Кастомний рендеринг вмісту (полів, блоків, стовпців, елементів тощо)
• Кастомну логіку взаємодії (натискання кнопок, зв'язування подій)
• Динамічну поведінку в поєднанні з контекстними даними

#Підтримувані сценарії

#JS Блок

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

Документація: JS Блок

#JS Дія

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

Документація: JS Дія

#JS Поле

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

Документація: JS Поле

#JS Елемент

Рендеринг незалежних елементів за допомогою JS без прив'язки до конкретних полів. Зазвичай використовується для відображення кастомних інформаційних блоків.

Документація: JS Елемент

#JS Стовпець таблиці

Налаштуйте рендеринг стовпців таблиці за допомогою JS. Це дозволяє реалізувати складну логіку відображення комірок, таку як індикатори прогресу, мітки стану тощо.

Документація: JS Стовпець таблиці

#Правила зв'язування

Керуйте логікою зв'язування між полями у формах або на сторінках за допомогою JS. Наприклад: коли одне поле змінюється, динамічно змінюйте значення або видимість іншого поля.

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

#Потік подій

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

Документація: Потік подій