Monday, December 03, 2007

Disable Button Post-Submit

Temporarily disable a JSF Command Button after clicking to prevent duplicate submits:
<script type="text/javascript" language="Javascript" >
function onSaveClick() {
//disable button and submit form
document.getElementById("templateForm:btnSave").disabled = true;
document.getElementById("templateForm:hiddenSubmit").fireEvent("onclick");
}
</script>

<hx:commandExButton
value="#{msg.btnSave}"
styleClass="commandExButton" id="btnSave"
onclick="onSaveClick()"
type="button">
</hx:commandExButton>
<h:commandLink action="#{myBean.doAction}"
actionListener="#{myBean.myActionListener}"
id="hiddenSubmit" style="display:none">
</h:commandLink>

No comments: