Apex应用迁移后apex.da.cancelEvent失效，按钮仍跳转问题求助

核心原因 #

Apex 19.2+版本的事件处理模型与旧版4.1差异较大，原apex.da.cancelEvent.call(this);已无法完全覆盖新版按钮的默认行为逻辑，尤其是当按钮残留页面跳转配置时，会直接绕过校验触发跳转。

分步解决方法 #

1. 重置按钮基础配置 #

• 将按钮的动作设置为「由动态动作定义」，清空所有页面跳转目标配置；
• 把按钮的「提交页面」选项设为「否」，避免自动提交触发默认跳转。

2. 修正JS校验的事件阻止逻辑 #

替换原apex.da.cancelEvent调用，直接使用浏览器原生事件阻止方法，结合Apex新版API实现校验+跳转控制：

// 获取当前触发的浏览器事件对象
const event = this.browserEvent;
// 强制阻止默认跳转行为
event.preventDefault();
// 停止事件冒泡，避免其他绑定逻辑干扰
event.stopPropagation();

// 执行自定义校验逻辑
const isValid = 你的校验条件; // 比如检查输入框是否为空等
if (!isValid) {
    // 显示校验错误提示
    apex.message.showErrors([{
        type: "error",
        location: "page",
        message: "校验失败，请检查输入内容",
        unsafe: false
    }]);
    return;
}

// 校验通过后，手动触发页面跳转
apex.navigation.redirect(`f?p=${$v('pFlowId')}:目标页面ID:${$v('pInstance')}::NO:::`);

3. 替代APEX_UTIL.REDIRECT_URL的PL/SQL跳转方案 #

如果需要用PL/SQL处理业务逻辑后跳转，不要直接调用APEX_UTIL.REDIRECT_URL，而是通过页面项传递状态，再用JS触发跳转：

步骤1：执行PL/SQL逻辑（动态动作类型：执行PL/SQL代码）

-- 业务校验与状态设置
IF 你的业务校验条件 THEN
    -- 传递跳转目标页面ID（比如存在P1_TARGET_PAGE项中）
    APEX_UTIL.SET_SESSION_STATE('P1_TARGET_PAGE', 10);
    -- 传递跳转需要的参数（可选）
    APEX_UTIL.SET_SESSION_STATE('P1_PARAM', '参数值');
ELSE
    -- 传递错误信息
    APEX_UTIL.SET_SESSION_STATE('P1_ERROR_MSG', '业务逻辑校验失败');
END IF;

步骤2：执行JS处理跳转（动态动作类型：执行JavaScript代码）

const errorMsg = $v('P1_ERROR_MSG');
if (errorMsg) {
    apex.message.showErrors([{
        type: "error",
        location: "page",
        message: errorMsg,
        unsafe: false
    }]);
    $s('P1_ERROR_MSG', ''); // 清空错误项
} else {
    const targetPage = $v('P1_TARGET_PAGE');
    const param = $v('P1_PARAM');
    // 拼接跳转URL并执行
    apex.navigation.redirect(`f?p=${$v('pFlowId')}:${targetPage}:${$v('pInstance')}::NO::P1_PARAM:${param}`);
}

4. 额外排查点 #

• 检查动态动作的「事件范围」是否绑定到目标按钮，避免误触发；
• 打开浏览器控制台查看是否有JS报错，排查其他代码对事件逻辑的干扰；
• 调整动态动作的「序列」值，确保校验动作在任何跳转相关动作之前执行。

内容的提问来源于stack exchange，提问作者Lynda Amrane