在线编写 & 运行 JS

在 NocoBase 中，RunJS 提供了一种轻量级的扩展方式，适合 快速实验、临时逻辑处理 的场景，无需创建插件或修改源码，即可通过 JavaScript 实现界面或交互的个性化定制。

通过它，你可以直接在界面设计器中输入 JS 代码，实现：

• 自定义渲染内容（字段、区块、列、项等）
• 自定义交互逻辑（按钮点击、事件联动）
• 结合上下文数据，实现动态行为

支持的场景

JS 区块

通过 JS 自定义渲染区块，可完全控制区块的结构与样式。
适合展示自定义组件、统计图表、第三方内容等高度灵活的场景。

文档：JS 区块

JS 操作

通过 JS 自定义操作按钮的点击逻辑，可执行任意前端或 API 请求操作。
例如：动态计算值、提交自定义数据、触发弹窗等。

文档：JS 操作

JS 字段

通过 JS 自定义字段的渲染逻辑。 可根据字段值动态显示不同样式、内容或状态。

文档：JS 字段

JS 项

通过 JS 渲染独立项，不绑定具体字段。常用于展示自定义信息块。

文档：JS 项

JS 表格列

通过 JS 自定义表格列的渲染。
可实现复杂的单元格展示逻辑，如进度条、状态标签等。

文档：JS 表格列

Linkage rules（联动规则）

在表单或页面中通过 JS 控制字段间的联动逻辑。
例如：当一个字段变化时动态修改另一个字段的值或可见性。

文档：联动规则

Eventflow（事件流）

通过 JS 自定义事件流的触发条件与执行逻辑，构建更复杂的前端交互链路。

文档：事件流