0

I am using JSF 2.2 with PrimeFaces 6.1 and, in order to make an "optional" validation, every time the p:inputNumber loses focus, a p:button is updated and it is rendered or not based on a specific validation method:

<div class="ui-grid-col-2">
    <p:inputNumber id="quantidade" value="#{vendaMB.quantidadeItem}" decimalPlaces="1" minValue="0.0" onfocus="this.setSelectionRange(0, this.value.length)">
        <p:ajax event="blur" process="@this" update="btnImgQtdeUltrapassa"/>
    </p:inputNumber>
</div>
<div class="ui-grid-col-1">
    <p:button id="btnImgQtdeUltrapassa" title="Quantidade inserida ultrapassa quantidade em estoque" disabled="true" icon="fa fa-fw fa-warning" rendered="#{vendaMB.verificaQtdeEstoque()}" styleClass="btn-round"/>
</div>

Strangely, when I use update="@form", the update happens perfectly, but there are other processes and methods that can't be re-executed on this form update, therefore, I can't use this approach. Could someone help me solve this problem?

Also, I am using a "p:button" but I actually just need the icon and something similar to its "title" attribute. I'd be grateful if you could also suggest me another tag or approach to use instead of this "improvised icon".

Guilherme Barboza
  • 567
  • 5
  • 22
  • i always find this behaviour a bit strange. sometimes it works if you prepend it with a colon like `:btnImgQtdeUltrapassa`. good luck – MitchBroadhead Jun 06 '18 at 06:39

1 Answers1

0

You can't do a "update=" on an item which might be conditionally rendered. You can't update it, if it's not rendered. Simply do this:

<h:panelGroup id="updateme">
  <p:commandButton rendered="#{bean.condition}"/>
</h:panelGroup>

now you can use

<p:ajax update="updateme"/>
Holger
  • 899
  • 2
  • 7
  • 12