活字格绑定弹窗关闭和页面加载完成事件

概述

在活字格中通过 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)

标签: