commandButton fails when disabled=true

[dblanco]

Since Primefaces upgrade to 6.0 I have a small problem with a commandButton:

When I put in the commandButton the disabled attribute = true and click on the button once it has been enabled by another event, instead of performing the action configured, it reloads the page and does not perform that action.

[hsntpn]

Can you post your code in here?

[dblanco]

Code: Select all

<p:inputText id="globalFilter" widgetVar="globalFilter"
	style="width:150px" placeholder="Buscar...">
	<p:ajax event="keyup" onstart="applyGlobalFilter();" 
		update="toolButtons" global="false"/>								
</p:inputText>
							
<p:commandButton id="resetBtn" widgetVar="resetBtn" disabled="true"
	icon="fa fa-close" styleClass="BottonClearFilter"
	update="globalFilter" oncomplete="applyGlobalFilter();">								
	<p:resetInput target="globalFilter" />
</p:commandButton>

<script type="text/javascript">
	function applyGlobalFilter() {
		if (PF('globalFilter').jq.val().length == 0) {
			PF('tablePF').clearFilters();
			PF('resetBtn').disable();
		} else {
			PF('tablePF').unselectAllRows();
			PF('tablePF').filter();
			PF('resetBtn').enable();										
		}
	}
</script>

The problem is in commandButton "resetBtn" when disable is true.

[andyba]

The button disabled state is initially set explicity set to true, this means that its state in the server side component tree will never change and the client rendered button might be enabled but the server side equivalent never will be.
Change the state on the server side and update the button via ajax.

[hsntpn]

Thanks for share your code.You can use onkeyup method in your code.

Code: Select all

 <p:inputText id="inputt" onkeyup="
                    if (this.value.length>0) {
                        PF('resetBtn').enable();
                    } else {
                        PF('resetBtn').disable();
                    }
                         ">

            </p:inputText>


            <p:commandButton id="resetBtn" widgetVar="resetBtn" disabled="true"
                             icon="fa fa-close" styleClass="BottonClearFilter"
                             update="globalFilter" oncomplete="applyGlobalFilter();" value="Button">                        
                <p:resetInput target="globalFilter" />
            </p:commandButton>