无法在表单上禁用p：commandButton进行文件上传 - PrimeFaces

Question

I'm trying to make aa "one-click button" to make impossible to send twice the request of an action method in a file upload form. Here's the code:

<h:form id="importForm" enctype="multipart/form-data">
   <p:messages id="messages" showDetail="true" autoUpdate="true"/>

   <h:panelGrid>            
     <p:fileUpload value="#{importController.uploadFile}" mode="simple" />

     <p:commandButton id="importButton" styleClass="commandButton" value="Send" action="#{importController.getFile}" ajax="false"/>   
   </h:panelGrid>
</h:form>

If I set the value of onclick="importButton.disable()" , the button is disabled but the action method is never called. If I put as callback something like onclick="alert('hello!')" the request is sent. Does PrimeFaces generates some sort of JS code that controle if submit button is disabled?

Any help? Thanks!

PrimeFaces 3.3.1

Liferay 6.0.1 with embedded Tomcat 7.0.23 in a Java6

PrimeFaces Liferay Bridge 3.1.1-ga2

Answer 1

If I got you right try using onclick="setTimeout('importButton.disable()";', 50);" ,

You can't expect a disabled button to work (invoke the action method) , but you can disable it after the click...