如何将此HTML表转换为JSF表

Question

我想将这个html表翻译成JSF表

<table border="1">
   <tr>
     <td>OS Verison</td>
     <td>Linux</td>
   </tr>
   <tr>
     <td>Installed packages</td>
     <td>30</td>
   </tr>
   <tr>
     <td>Free HDD Space</td>
     <td>30 GB</td>
   </tr>
   <tr>
     <td>Installed RAM</td>
     <td>2 GB</td>
   </tr>
</table> 

我在Google上找到了很多关于如何编写JSF表的例子,该表以数据库的形式从列表中检索数据,但没有一个例子显示如何使用如上所述的两列创建表.

PS

如何重写此代码以实现相同的输出结果？

                    <h:dataTable id="books"
                             columnClasses="list-column-center,
                             list-column-right, list-column-center,
                             list-column-right" headerClass="list-header"
                             rowClasses="list-row" styleClass="list-
                             background" value="#{DashboardController.getDashboardList()}" var="store">   
                    <h:column>
                          <h:outputText  value="Session Timeout"/>
                          <h:outputText  value="Maximum Logged Users"/>
                    </h:column>
                    <h:column>                       
                          <h:outputText value="#{store.sessionTTL} minutes"/>
                          <h:outputText value="#{store.maxActiveUsers}"/>
                    </h:column>

                    <h:column>
                        <f:facet name="header">
                          <h:outputText  value="one"/>
                        </f:facet>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                          <h:outputText  value="two"/>
                        </f:facet>
                    </h:column>

                </h:dataTable> 

我希望以类似第一个表的基本方式显示数据库表的内容,其中只有一行有2列.

Answer 1

那<h:panelGrid>是为了.

<h:panelGrid columns="2" border="1">
    <h:panelGroup>OS Verison</h:panelGroup>
    <h:panelGroup>Linux</h:panelGroup>

    <h:panelGroup>Installed packages</h:panelGroup>
    <h:panelGroup>30</h:panelGroup>

    <h:panelGroup>Free HDD Space</h:panelGroup>
    <h:panelGroup>30 GB</h:panelGroup>

    <h:panelGroup>Installed RAM</h:panelGroup>
    <h:panelGroup>2 GB</h:panelGroup>
</h:panelGrid>

请注意,"普通的vanilla HTML"在JSF页面中表现得很好.这不是真的,你必须使用JSF组件,只有当它仅用于布局和/或呈现.

也可以看看:

• Java EE 6教程 - 使用JSF组件
  • 使用h:panelGrid和h:panelGroup标记布置组件
• JSF标签文档
  • <h:panelGrid> 标签文档