JSF 组件关闭表格单元格

Question

我试图在 h:panelGrid 组件中嵌套一个表格，而 h:selectOneMenu 通过关闭它出现在其中的单元格并创建一个新的(和不需要的)行来破坏格式。

我的代码看起来像这样:

<h:panelGrid columns="2">
    [Other rows that work just fine]
    <h:outputText value="Match [Stuff] to [More Stuff]:" />
    <table>
        <tr>
            <th>[Stuff]</th>
            <th>[More Stuff]</th>
        </tr>
        <tr>
            <td>
                <h:outputText value="Manually Created First Element of Stuff" />
            </td>
            <td>
                <h:selectOneMenu value="#{bean.moreStuffSetting}">
                    <f:selectItem itemLabel="--None--" itemValue="" />
                    <f:selectItem itemLabel="Manual First Choice" itemValue="manual" />
                    <f:selectItems
                        value="#{bean.listOfMoreStuff}"
                        var="moreStuff"
                        itemLabel="#{moreStuff.name}" 
                        itemValue="#{moreStuff.value}" />
                </h:selectOneMenu>
            </td>
        </tr>
        <ui:repeat value="#{bean.listOfStuff}" var="stuff">
            <tr>
                <td>
                    <h:outputText value="#{stuff.name}" />
                </td>
                <td>
                    <h:selectOneMenu value="#{bean.moreStuffSetting}">
                        <f:selectItem itemLabel="--None--" itemValue="" />
                        <f:selectItem itemLabel="Manual First Choice" itemValue="manual" />
                        <f:selectItems
                            value="#{bean.listOfMoreStuff}"
                            var="moreStuff"
                            itemLabel="#{moreStuff.name}" 
                            itemValue="#{moreStuff.value}" />
                    </h:selectOneMenu>
                </td>
            </tr>    
        </ui:repeat>
    </table>
</h:panelGrid>

问题出现在第一个 h:selectOneMenu 元素上。 (不过，ui:repeat 中的 h:selectOneMenu 元素完全符合我的预期。)我希望“手动创建的第一个元素”和该下拉列表显示为同一行中的两个单元格。但是，这是在生成的 HTML 中显示的内容:

<tr>
<td>Manually Created First Element of Stuff</td>
<td>
                            </td>
                            <td></td>
</tr>
<tr>
<td><select...

两排。但是，在下面的嵌套中，我得到了这个:

                    <tr>
                        <td>[Label I'm expecting]
                            </td>
                            <td><select...

...这正是我期望它的行为方式。

我做错了什么？我是否以某种方式滥用了 JSF？那里有我没有看到的一些值得一看的错字吗？

Answer 1

<h:panelGrid>选择 JSF 组件树中的第一个兄弟来开始一个新的表格单元格。纯 HTML <table>您拥有的元素不是 JSF 组件。

将其包裹在 <h:panelGroup> 中.

<h:panelGrid columns="2">
    <h:outputText value="Match [Stuff] to [More Stuff]:" />
    <h:panelGroup>
        <table>
            ...
        </table>
    </h:panelGroup>
</h:panelGrid>

另一种方法是使用 <h:dataTable>相反。