primefaces - 选中复选框时显示面板覆盖

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>