选中复选框时显示paneloverlay

Question

基本上它在标题中说的是什么。问题是它现在无论是否已选中或未选中都会显示更改。

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

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

Answer 1

试试这个......

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

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

<强>修：

<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>