如何避免重复单击表单中的按钮? [英] How to avoid repeatedly click a button in a form?

问题描述

我的代码:

<h:form id="newBSTypePanel" >
    <h:panelGrid columns="2" id="newRecod" >
        <h:outputText value="Name"/><h:inputText value="#{treeTableController.newBStypeBean.currentObject.TYPENAME.value}" required="true" />
        <p:commandButton value="save" action="#{treeTableController.saveNewNodes}" oncomplete="Dlg.hide()" update="productDataForm"/>
        <p:commandButton value="close" oncomplete="Dlg.hide()" />
    </h:panelGrid>
</h:form>

保存动作有很多功能.如果我反复单击该按钮，则可能会在数据库中保存一些记录.那不是我的愿望.如何防止多次点击并解决此问题?

There is quite a bit of functionality associated with the save action. If I click the button repeatedly, it may save a few records in the database. That's not my wish. How can I prevent multiple clicks and resolve this?

推荐答案

<p:commandButton>的客户端API小部件:

The <p:commandButton>'s Client Side API Widget:

• PrimeFaces.widget.CommandButton

方法参数返回类型说明

所以您可以这样使用:

<p:commandButton widgetVar="saveButton"
                 onclick="saveButton.disable()"
                 value="save"
                 action="#{treeTableController.saveNewNodes}" 
                 oncomplete="saveButton.enable();Dlg.hide()"
                 update="productDataForm"/>

这篇关于如何避免重复单击表单中的按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！