将进程指示器放在 h:commandButton 上答案

【问题标题】：put process indicator on h:commandButton将进程指示器放在 h:commandButton 上
【发布时间】：2013-10-23 21:54:46
【问题描述】：

目前我们正在使用，我的目标是防止系统出现双击问题，并且还给用户一个系统正在处理中的迹象 - 因为系统会在用户点击 h:commandButton 后计算很多东西。

按钮代码：

<h:commandLink styleClass="ux_link_text" 
               action="Account" value="Account Info" 
               target="_blank" />

请给我建议。

【问题讨论】：

标签： jsf jsf-2 primefaces spring-webflow-2

【解决方案1】：

您可以在<h:commandbutton> 的onclick 属性中使用setTimeout。这将在单击并调用操作后 100 毫秒禁用按钮。

<h:commandLink styleClass="ux_link_text" 
               action="Account" value="Account Info" 
               target="_blank"                
               onclick="setTimeout(this.disabled = true;, 100);"/>

更多信息：

How to do double click prevention in JSF ?

【讨论】：

@kocko..我会测试它并让你知道。还有一件事，我们是否也可以通过 setTimeout 在同一屏幕上禁用其他链接？我的意思是说，如果我有两个链接，并且每当我单击任何链接时，选定的链接和其他链接都将保持禁用状态。
是的，当然。您可以为此创建一个 JavaScript 函数，您可以在其中通过 id 找到要禁用的组件，然后将其禁用。