java - 如何在从 <ui :repeat> 生成的 <tr> 中添加命令链接

Question

我正在使用以下代码并尝试使每一行可点击并设置其顶部的一些事件。

<table width="100%" class="TableSpace">

<ui:repeat var="damageinfo"
                            value="#{DamageDetails2.damageInfoAll}" varStatus="status">
    <h:commandLink>
        <tr class="row1 lineBorder" onclick="alert('Hello')">
            <td height="40">
                <h:outputText
                        value="#{damageinfo.damageID}" styleClass="LabelClass">
                </h:outputText>
            </td>
            <td height="40">
                <h:outputText
                        value="#{damageinfo.damageName}" styleClass="valueClass">
                </h:outputText>
            </td>
        </tr>
        <f:setPropertyActionListener target="#{carDetails.rootImage}"
                                    value="#{carDetails.carUrl2}" />
        <f:setPropertyActionListener target="#{carDetails.view}"
                                    value="#{carDetails.viewDetails['carUrl2']}" />
        <f:ajax event="action" render="ViewId" />
    </h:commandLink>
</ui:repeat>

</table>

但是它不起作用。这是怎么造成的以及如何解决？

Answer 1

这会生成invalid HTML。拥有 <a> 是违法的<tr> 周围的元素。浏览器行为未指定。根据所使用的网络浏览器品牌/版本的宽松程度，它可能有效，也可能无效，或者可能无法按您预期的方式工作。由于 JSF 最终只是生成 HTML，因此它实际上无法发挥任何作用来使其按照您想要的方式工作。

要么放个JS onclick <tr> 中的处理程序元素或放置 <h:commandLink>里面<td> ，或使用允许行选择的 3rd 方组件库(如 PrimeFaces)，另请参阅 this showcase example .

另请参阅:

• HTML beginner tutorial