jquery - 如何在 JSF 数据表中添加行详细信息？

Question

我需要在每个 JSF dataTable 行中添加“+”图标。单击该图标时，该行应展开以显示有关该行中对象的相关详细信息。我需要知道，JSF 中是否已经存在这种性质的东西？

我正在尝试完成这样的事情： http ://www.datatables.net/examples/api/row_details.html

请告诉我，是否有人对此有想法。仅供参考，到目前为止，我正在使用 tomahawk 的数据表。

提前致谢。

Answer 1

您可以为各种组件选择 PrimeFaces，

至于您当前的需求，请查看此示例

Answer 2

我已经使用 t:dataTable 的 varDetailToggler 完成了这项工作，因为 tomahawk 已经是项目的一部分，然后使用 detailStamp facet 指定要显示为行详细信息的组件。代码如下所示：

<t:dataTable var="node"
    border="1"
    value="#{tableDataModel}"
    varDetailToggler="detailToggler">
    <t:column >
        <h:commandLink rendered="#{detailToggler.currentDetailExpanded}" action="#{detailToggler.toggleDetail}">
            <h:graphicImage value="/images/minus.png" style="border:0" />
        </h:commandLink>
        <h:commandLink rendered="#{!detailToggler.currentDetailExpanded}" action="#{detailToggler.toggleDetail}">
            <h:graphicImage value="/images/plus.png" style="border:0" />
        </h:commandLink>
    </t:column>
    <t:column >
    ....
    </t:column>
    <t:column >
    ....
    </t:column>
    <f:facet name="detailStamp">
                <h:outputText value="Row details here...Can be any component"/>
    </f:facet>
</t:dataTable>