如何将此HTML表转换为JSF表

时间:2012-03-09 18:27:30

标签: java jsf

我想将这个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表的示例,该表以数据库的形式从列表中检索数据,但没有一个示例显示如何使用上面的两列创建表。

P.S

如何重写此代码以获得相同的输出结果?

                    <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> 

我希望以类似第一个表的基本方式显示数据库表的内容,它只有一行,只有一行。

1 个答案:

答案 0 :(得分:17)

<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>

请注意,“普通的香草HTML”在JSF页面中效果很好。如果必须使用JSF组件,那么它不仅仅适用于布局和/或演示。

另见: