javascript - 单击后禁用 `<h:commandButton>`，但应触发操作

Question

我有一个 <h:commandButton>在我的 XHTML 页面中。我希望在单击按钮后立即禁用该按钮。然后按钮应该调用操作。我的按钮如我所料被禁用，但问题是操作没有被触发。
<h:commandButton value="Go" onclick="this.disabled=true" action="#{bean.go()}"/>

但是如果我删除 onclick触发 Action 的属性。

或者如果我使用 <a4j:commandButton>有用。
跟随a4j按钮工作。
<a4j:commandButton value="Go" onclick="this.disabled=true" action="#{bean.go()}"/>

如何禁用 <h:commandButton>被点击后， Action 仍然触发？

Answer 1

使用 setTimeout ，这样操作将被触发并且按钮将被禁用...

<h:commandButton value="Go"
   onclick="setTimeout('this.disabled = true;', 50);" 
   action="#{bean.go()}"/>

您也可以看看以下问题:How can I disable an h:commandButton without preventing the action and actionListener from being called?