复选框没有显示在正确的位置

Question

我有一个对话框，它将显示一个弹出窗口，其中有2个复选框，第一个是选中的，第二个是未选中的，如下面的代码:

<h:panelGrid columns="2" columnClasses="label-container,field-container">
    <p:selectBooleanCheckbox value="true" />
    <h:outputText value="EDIT SHEETS" />
    <p:selectBooleanCheckbox value="false" />
    <h:outputText value="EDIT OTHERS" />
</h:panelGrid>

但是第一个钩子符号不在复选框中心。如果我点击任何地方，符号会突然在正确的位置。

这是如何引起的，我该如何解决?

Answer 1

你应该使用value="#{true}"而不是value="true"

<h:panelGrid columns="2" columnClasses="label-container,field-container">
<p:selectBooleanCheckbox value="#{true}" />
<h:outputText value="EDIT SHEETS" />
<p:selectBooleanCheckbox value="#{false}" />
<h:outputText value="EDIT OTHERS" />