不兼容的 p:commandButton 与更新 xhtml 文件中的值

Question

今天我花了一整天的时间试图理解为什么在从 <p:commandButton> 调用 bean 后 xhtml 文件中的值没有更新。

在我将 p:commandButton 更改为 h:commandButton 后，一切正常。这就是我声明命令按钮的方式：

<p:commandButton id="b1" style="height: 30px; width: 30px;" value="a"
    action="#{turnoController.createTurno('a')}"
    onclick="document.getElementById(this.id).disabled=true;"/>

使用此命令按钮会刷新，但我不知道如何禁用它。

<h:commandButton id="b1" style="height: 30px; width: 30px;" value="a"
    action="#{turnoController.createTurno('a')}"/>

我想问为什么p:commandButton和“刷新”页面的值不兼容？？？

我想要做的是在点击后禁用按钮，同时更新所有值...

如何在xhtml+jsf中制作？？？

Answer 1

onclick 与页面的刷新值不兼容。更新失败的原因是您的onclick 函数可能在请求进入APPLY_REQUEST_VALUES 阶段之前最终设置了<p:commandButton disabled="true"/>。这是 JSF 生命周期中的阶段，组件属性被评估并存储为组件的个人属性映射的一部分

具有disabled="true" 的属性将在处理期间被 JSF 忽略，这就是您正在观察的结果。 onclick 禁用该按钮还为时过早。

使用 ajax 更新按钮的 disabled 属性以减轻压力：

<p:commandButton id="b1" style="height: 30px; width: 30px;" value="a"
               action="#{turnoController.createTurno('a')}" disabled="#{bean.isButtonEnabled}" >
  <f:event name="postValidate" listener="#{bean.disableButton}"/>
</p:commandButton>

buttonEnabled 是您将在托管 bean 上定义的属性，disableButton 是托管 bean 中用于切换buttonEnabled 变量状态的方法。我选择了组件的postValidate 事件阶段，因为它在APPLY_REQUEST_VALUES JSF 阶段之后，并且可以安全地假设此时禁用您的按钮不会产生负面影响。

如果您对仅客户端的解决方案感兴趣，您可以尝试以下选项：

• How to prevent from user from clicking button twice(JSF command button not performing action if onclick property specified)