显示详细信息行的数据表

Question

我在 .xhtml 页面中有一个数据表，它显示了数据库的产品。 假设我只能看到每一行的名称和代码，如何在同一页面中显示产品的更多详细信息？

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

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

Answer 1

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

<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，请参阅展示：http://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml

编辑 如果您想制作一个显示所选产品详细信息的对话框，请参阅 primefaces 展示的“选择”示例。