活字格绑定弹窗关闭和页面加载完成事件
概述
在活字格中通过 JavaScript 绑定页面加载完成和弹窗关闭事件,实现页面间的联动和状态自动刷新。
完整代码
// 事件处理函数
onCurrentPageChanged = function(arg1, arg2) {
console.log("事件触发", arg1, arg2);
let pageName = arg2.pageName; // 页面名称
// 根据事件来源执行不同逻辑
if (pageName === "弹窗页面_编辑") {
// 编辑弹窗关闭后刷新表格
Forguncy.Page.getListView("表格1").reload();
}
};
// 绑定页面默认数据加载完成事件
Forguncy.Page.bind(
Forguncy.PageEvents.PageDefaultDataLoaded,
onCurrentPageChanged,
"*" // "*" 监听所有页面
);
// 绑定弹窗关闭事件
Forguncy.Page.bind(
Forguncy.PageEvents.PopupClosed,
onCurrentPageChanged,
"*"
);可用事件列表
| 事件 | 触发时机 |
|---|---|
| PageDefaultDataLoaded | 页面默认数据加载完成时 |
| PopupClosed | 弹窗(或子页面)关闭时 |
| PageLoaded | 页面完全加载时(含异步数据) |
应用场景
- 弹窗关闭后自动刷新父页面表格数据
- 页面加载完成后执行初始化操作(如隐藏加载动画)
- 根据来源页面执行不同的业务逻辑
- 页面切换时记录用户操作日志
注意事项
- 第三个参数
"*"表示监听所有页面,可改为具体页面名精确监听 - 事件绑定应在页面加载时尽早执行,建议放在「页面加载时命令」中
- 多次 bind 同一事件不会覆盖,会依次执行
- 解绑使用
Forguncy.Page.unbind(event, handler)
标签:
暂无评论
快来发表第一条评论吧!