panelGrid列控件需要在同一行

Question

我使用primefaces panelgrid有一行和两列。在第二列中，我有selectoneradio和日历。如何使它们显示在同一行？

<p:column>
                <p:selectOneRadio id="console" value="#{selectedGenDataRadio}">
                    <f:selectItem itemLabel="Immediately" itemValue="Immediate" />
                    <f:selectItem itemLabel="" itemValue="DateOne">
                    </f:selectItem>
                 </p:selectOneRadio>
                <p:calendar id="calgenDate" showOn="button" />
            </p:column>

Answer 1

我认为应该有效：

                <p:column>
                    <table>
                        <tr>
                            <td>
                                <p:selectOneRadio id="console" value="#{selectedGenDataRadio}" >
                                    <f:selectItem itemLabel="Immediately" itemValue="Immediate" />
                                    <f:selectItem itemLabel="" itemValue="DateOne">
                                    </f:selectItem>
                                 </p:selectOneRadio>
                             </td>
                             <td>
                                <p:calendar id="calgenDate" showOn="button" />
                            </td>
                        <tr>
                    </table>
                </p:column>

Answer 2

CSS解决方案：

    <p:panelGrid>
        <p:row>
        <p:column>
            <p:selectOneRadio id="console" style="float: left;">
                <f:selectItem itemLabel="Immediately" itemValue="Immediate" />
                <f:selectItem itemLabel="" itemValue="DateOne">
                </f:selectItem>
            </p:selectOneRadio>
            <p:calendar id="calgenDate" showOn="button"/>
        </p:column>
        </p:row>
    </p:panelGrid>

额外的列解决方案：

    <p:panelGrid>
        <p:row>
            <p:column>
                <p:selectOneRadio id="console" >
                    <f:selectItem itemLabel="Immediately" itemValue="Immediate" />
                    <f:selectItem itemLabel="" itemValue="DateOne">
                    </f:selectItem>
                </p:selectOneRadio>
            </p:column>
            <p:column
                <p:calendar id="calgenDate" showOn="button" />
            </p:column>
        </p:row>
    </p:panelGrid>