Question

以下是我正在使用的代码

 <p:panel id="panel" styleClass="panelWidth" header="Please answer the following Questions " >
            <h:panelGrid cellpadding="5" >
<p:selectOneRadio value="#{sendingRequest.selectedAnser1}" layout="pageDirection" styleClass="questionsFont">

                        <f:selectItems value="#{sendingRequest.questionChoices2}"/>

<p:selectOneRadio value="#{sendingRequest.selectedAnser2}" layout="pageDirection" styleClass="questionsFont">

                        <f:selectItems value="#{sendingRequest.questionChoices3}"  />
                    </p:selectOneRadio>

但在我的前端页面中，单选按钮显示在左侧，选项显示在面板中心。

Answer 1

我怀疑您提供的输入模板可能是问题，因为我发现您正在使用自定义布局标记。通过将Primefaces SelectOneRadio页面中的任何示例插入当前页面来查看是否获得相同的结果，从而调查此场景。

我关闭了您提供的代码的标签，并提供了一个Primefaces示例，您可以暂时将其合并到您的代码中，以便您可以检查这两个示例。

<!-- Primefaces Example -->
<h:form>
    <h3 style="margin-top:0">Basic</h3>
    <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
        <p:outputLabel for="console" value="Console:"/>
        <p:selectOneRadio id="console" value="#{radioView.console}">
            <f:selectItem itemLabel="Xbox One" itemValue="Xbox One"/>
            <f:selectItem itemLabel="PS4" itemValue="PS4"/>
            <f:selectItem itemLabel="Wii U" itemValue="Wii U"/>
        </p:selectOneRadio>
    </h:panelGrid>
</h:form>

<!-- Your Example (with closed off tags)-->
<h:form>
    <p:panel id="panel" styleClass="panelWidth" header="Please answer the following Questions ">
        <h:panelGrid cellpadding="5">
            <p:selectOneRadio value="#{sendingRequest.selectedAnser1}" layout="pageDirection"
                              styleClass="questionsFont">
                <f:selectItems value="#{sendingRequest.questionChoices2}"/>
            </p:selectOneRadio>
            <p:selectOneRadio value="#{sendingRequest.selectedAnser2}" layout="pageDirection"
                              styleClass="questionsFont">
                <f:selectItems value="#{sendingRequest.questionChoices3}"/>
            </p:selectOneRadio>
        </h:panelGrid>
    </p:panel>
</h:form>

如果它确实与样式相关，请发布您当前正在使用的CSS。祝你好运！

f：p：selectOneRadio的selectItems未正确对齐

1 个答案: