Zeigen Sie ein Paneloverlay, wenn ein Kontrollkästchen aktiviert ist

Question

Grundsätzlich Was es im Titel sagt. Das Problem ist gerade jetzt bei Änderung angezeigt, unabhängig davon, ob es aktiviert oder deaktiviert war.

    <h:selectBooleanCheckbox id="checkbox" value="checkbox" > 
        </h:selectBooleanCheckbox> 

        <p:overlayPanel for="checkbox" widgetVar="descOverlay"> 
         Test 
        </p:overlayPanel> 

Answer 1

Try this ...

<h:selectBooleanCheckbox id="chkbox" value="checkbox" ></h:selectBooleanCheckbox> 

<p:overlayPanel for="chkbox" widgetVar="desc" showEvent="mousedown" hideEvent="mousedown"> 
      Test 
</p:overlayPanel> 

überarbeitet:

<h:selectBooleanCheckbox id="checkbox" onclick="(this.checked ? descOverlay.show() : descOverlay.hide());"/> 
<p:overlayPanel for="checkbox" widgetVar="descOverlay" id="descOverlay" showEvent="mouseup" hideEvent="mouseup" appendToBody="true"> 
    Test 
</p:overlayPanel>