JSF f:ajax 在任何操作之前提示

【问题标题】：JSF f:ajax prompt before any actionJSF f:ajax 在任何操作之前提示
【发布时间】：2012-12-10 19:51:06
【问题描述】：

如何在任何 f:ajax 操作之前显示对话框。我的代码如下：

    <h:commandButton  value="Create Project" styleClass="greyishBtn submitForm" action="#{projectController.delete}">
          <f:ajax execute="@form"  onevent="function(data) {createProjectEventHandler(data);}" render=":tblProject txtNewProjectName txtNewProjectStartDate taNewProjectDesc"/>
    </h:commandButton>

此代码工作正常，但在调用删除操作之前我需要一个确认对话框，我尝试了 onevent，但它只有开始、成功和完成事件，我需要的是在“开始”事件之前确认对话框。

有什么想法吗？

提前致谢。

【问题讨论】：

标签： ajax jsf

【解决方案1】：

在 ajax 甚至启动之前，您可以取消它 (ajax) 或通过在 <h:commandButton 本身中使用 onclick="return false" 来取消它 (ajax) 或提交操作本身...

所以最简单的方法是使用 js confirm("Delete?") 对话框和onclick

<h:commandButton  onclick="return confirm('Delete?');" value="Create Project" styleClass="greyishBtn submitForm" action="#{projectController.delete}">
    <f:ajax execute="@form"  onevent="function(data) {createProjectEventHandler(data);}" render=":tblProject txtNewProjectName txtNewProjectStartDate taNewProjectDesc"/>
</h:commandButton>

可以在这里找到更高级的方法jQuery UI confirm dialog not returns true/false 它使用带有 JSF 的 jQuery 对话框

【讨论】：