logologo
开始
教程
手册
开发
插件
API
首页
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
开始
教程
手册
开发
插件
API
首页
logologo
RunJS 概述
导入模块
容器内渲染

全局变量

window
document
navigator

ctx

ctx.blockModel
ctx.collection
ctx.collectionField
ctx.dataSource
ctx.dataSourceManager
ctx.element
ctx.exit()
ctx.exitAll()
ctx.filterManager
ctx.form
ctx.getModel()
ctx.getValue()
ctx.getVar()
ctx.i18n
ctx.importAsync()
ctx.initResource()
ctx.libs
ctx.location
ctx.logger
ctx.makeResource()
ctx.message
ctx.modal
ctx.model
ctx.notification
ctx.off()
ctx.on()
ctx.openView()
ctx.render()
ctx.request()
ctx.requireAsync()
ctx.resource
ctx.route
ctx.router
ctx.setValue()
ctx.sql
ctx.t()
ctx.view
Previous Pagectx.notification
Next Pagectx.on()

#ctx.off()

移除通过 ctx.on(eventName, handler) 注册的事件监听。常与 ctx.on 配合使用,在适当时机取消订阅,避免内存泄漏或重复触发。

#适用场景

场景说明
React useEffect 清理在 useEffect 的 cleanup 中调用,组件卸载时移除监听
JSField / JSEditableField字段双向绑定时,取消对 js-field:value-change 的订阅
resource 相关取消对 ctx.resource.on 注册的 refresh、saved 等监听

#类型定义

off(eventName: string, handler: (event?: any) => void): void;

#示例

#React useEffect 中配对使用

React.useEffect(() => {
  const handler = (ev) => setValue(ev?.detail ?? '');
  ctx.on('js-field:value-change', handler);
  return () => ctx.off('js-field:value-change', handler);
}, []);

#资源事件取消订阅

const handler = () => { /* ... */ };
ctx.resource?.on('refresh', handler);
// 适当时机
ctx.resource?.off('refresh', handler);

#注意事项

  1. handler 引用一致:ctx.off 时传入的 handler 必须与 ctx.on 时是同一引用,否则无法正确移除。
  2. 及时清理:在组件卸载或 context 销毁前调用 ctx.off,避免内存泄漏。

#相关文档

  • ctx.on - 订阅事件
  • ctx.resource - 资源实例及其 on/off