拦截a4j:commandButton请求

Question

我正在使用 A4J、Richfaces 开发 Web 应用程序。 我的要求之一是，当用户尝试离开页面时，我需要检查用户是否更改了表单中的任何值。

我在页面中有保存和取消按钮。 我使用 a4j:command 按钮来取消功能。单击“取消”按钮应该执行以下操作

1. 检查用户是否修改了表单中的任何内容（我正在使用 javascript 进行此操作，如果用户更改了任何值，则有一个标志）
2. 显示确认框（带有值的 javascript 确认“您真的想要吗当用户更改表单值时放弃更改 - 是或否”）
3. 如果用户说“是”，则使用 AJAX 提交表单（通过使用 A4J）

我的 a4j 命令按钮代码如下所示

<a4j:commandButton action="MyClass.cancel_action"
    onclick="checkIsPageChanged()"/>

这里的问题是，在使用 using a4j 时:commandButton，我无法调用中间 javascript 函数（该函数检查用户是否更新了任何值并显示确认框），然后使用 ajax 提交请求。 我查看了 JSF 生成的代码，代码就像（不是确切的，而是语法），

<input type="button"
    onclick="checkIsPageChanged();AJAX.submit('')/>

事情是当我单击按钮时，它只调用 checkIsPageChanged() 而不是调用 AJAX.submit()。

任何解决方法都会对我有帮助。

先感谢您。

Answer 1

使用 a4j:jsFunction 并在 checkIsPageChanged() 返回 true 时从 a4j:commandButton 调用该函数。

例如。

<a4j:commandButton action="MyClass.cancel_action"
    onclick="if(checkIsPageChanged()) { cancel(); }"/>
<a4j:jsFunction name="cancel" action="MyClass.cancel_action"/>

Answer 2

更具体地说，我们可以使用：

onclick="if(!isPageChanged()) {return false}" 

返回 false 将不会提交请求。