显示详细信息行的数据表

时间:2015-06-05 12:37:04

标签: jsf datatable

我在.xhtml页面中有一个数据表,它显示了数据库的产品。 让我们说每行只能看到名称和代码,如何在同一页面中显示产品的更多细节?

此外,我的产品bean在ViewScope中,所以我无法在另一个.xhtml页面中显示详细信息(我已尝试多次,但如果你们有这方面的解决方案,这很好。

PS:我对Javascript一无所知,所以我更喜欢基于jsf和java的解决方案:)

1 个答案:

答案 0 :(得分:0)

您的意思是您想在数据表中显示更多字段? 添加更多列..

<h:dataTable value="#{pr.products}" var="p">
                <h:column>
                    <f:facet name="header">Name</f:facet>
                    #{p.name}
                </h:column>

                <h:column>
                    <f:facet name="header">Code</f:facet>
                    #{p.code}
                </h:column>

                <h:column>
                    <f:facet name="header">Price</f:facet>
                    #{p.price}
                </h:column>
                ........
</h:dataTable>

JSF示例:http://www.mkyong.com/jsf2/jsf-2-datatable-example/

如果使用primefaces,请参阅showcase:http://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml

修改 如果你想创建一个显示所选产品细节的对话框,请参阅primefaces展示&#34;选择&#34;示例