JSF 2.2+PrimeFaces开发问题：删除确认对话框Yes按钮失效

这种情况我在项目里碰到过好几次，大概率是组件ID冲突、JS事件绑定被干扰，或者对话框的渲染/附加位置有问题。给你几个针对性的排查和解决步骤：

• 检查对话框的ID和WidgetVar唯一性
  PrimeFaces的对话框依赖客户端ID和widgetVar来绑定JS事件，如果删除确认框和编辑框的id或者widgetVar重名（哪怕是间接嵌套导致的客户端ID重复），就会出现事件覆盖的情况。确保两个对话框的id和widgetVar完全不同，比如：

  <!-- 删除确认对话框 -->
  <p:confirmDialog id="deleteConfirmDlg" widgetVar="deleteConfirmDlg" appendTo="@body">
      <p:commandButton value="Yes" action="#{yourBean.handleDelete}" 
                       oncomplete="PF('deleteConfirmDlg').hide();" update="@form"/>
      <p:commandButton value="No" onclick="PF('deleteConfirmDlg').hide();"/>
  </p:confirmDialog>
  
  <!-- 编辑对话框 -->
  <p:dialog id="editRecordDlg" widgetVar="editRecordDlg" appendTo="@body">
      <!-- 编辑表单内容 -->
  </p:dialog>
  

• 确认删除按钮的事件绑定未被干扰
  编辑对话框的JS逻辑可能意外覆盖了确认按钮的点击事件。打开浏览器开发者工具（F12）的控制台，点击Yes按钮时看看有没有报错（比如找不到组件、JS函数未定义）。如果有报错，优先解决这些JS错误。另外，确保删除确认按钮的process属性只处理必要的组件，避免不必要的DOM操作干扰：

  <p:commandButton value="Yes" action="#{yourBean.handleDelete}" 
                   process="@this" oncomplete="PF('deleteConfirmDlg').hide();" update="@form"/>
  

• 设置对话框的appendTo="@body"
  如果对话框嵌套在p:dataTable或者其他容器组件里，可能会因为容器的渲染逻辑（比如分页、行展开）导致DOM结构异常，进而影响事件触发。给两个对话框都加上appendTo="@body"，让它们直接附加到页面body下，脱离容器的限制。

• 排查动态渲染的冲突
  如果编辑对话框使用了rendered属性动态显示/隐藏，确保这个属性的逻辑不会导致对话框在页面加载时重复渲染，或者和删除确认框的渲染条件冲突。比如不要让两个对话框的rendered依赖同一个未正确初始化的变量。

• 检查PrimeFaces版本和JS依赖
  某些旧版本的PrimeFaces存在对话框事件绑定的bug，或者如果页面额外引入了jQuery（PrimeFaces自带jQuery），会导致版本冲突。尝试更新PrimeFaces到最新的稳定版本（比如6.2以上，如果你用的是旧版本），并移除页面中手动引入的jQuery库。

按照这个顺序排查，应该能解决你的问题。

内容的提问来源于stack exchange，提问作者Code reviewer