• Русский

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

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

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

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

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

      JS-блок

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

      20250916105031

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

      JS-действие

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

      20250916105123

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

      JS-поле

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

      20250916105354

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

      JS-элемент

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

      20250916104848

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

      JS-столбец таблицы

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

      20250916105443

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

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

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

      20251029114532

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

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

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

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