Question

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

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

请让我知道，有人对此有所了解。仅供参考，我现在使用tomahawk的数据表。

提前致谢。

Answer 1

你可以为PrimeFaces寻找各种组件，

关于您目前的需求，请查看this example

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>

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

2 个答案: