如何在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>