如何将此HTML表转换为JSF表

前端之家收集整理的这篇文章主要介绍了如何将此HTML表转换为JSF表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将这个html表翻译成JSF表
  1. <table border="1">
  2. <tr>
  3. <td>OS Verison</td>
  4. <td>Linux</td>
  5. </tr>
  6. <tr>
  7. <td>Installed packages</td>
  8. <td>30</td>
  9. </tr>
  10. <tr>
  11. <td>Free HDD Space</td>
  12. <td>30 GB</td>
  13. </tr>
  14. <tr>
  15. <td>Installed RAM</td>
  16. <td>2 GB</td>
  17. </tr>
  18. </table>

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

P.S

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

  1. <h:dataTable id="books"
  2. columnClasses="list-column-center,list-column-right,list-column-center,list-column-right" headerClass="list-header"
  3. rowClasses="list-row" styleClass="list-
  4. background" value="#{DashboardController.getDashboardList()}" var="store">
  5. <h:column>
  6. <h:outputText value="Session Timeout"/>
  7. <h:outputText value="Maximum Logged Users"/>
  8. </h:column>
  9. <h:column>
  10. <h:outputText value="#{store.sessionTTL} minutes"/>
  11. <h:outputText value="#{store.maxActiveUsers}"/>
  12. </h:column>
  13.  
  14. <h:column>
  15. <f:facet name="header">
  16. <h:outputText value="one"/>
  17. </f:facet>
  18. </h:column>
  19. <h:column>
  20. <f:facet name="header">
  21. <h:outputText value="two"/>
  22. </f:facet>
  23. </h:column>
  24.  
  25. </h:dataTable>

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

解决方法

<h:panelGrid>是为了.
  1. <h:panelGrid columns="2" border="1">
  2. <h:panelGroup>OS Verison</h:panelGroup>
  3. <h:panelGroup>Linux</h:panelGroup>
  4.  
  5. <h:panelGroup>Installed packages</h:panelGroup>
  6. <h:panelGroup>30</h:panelGroup>
  7.  
  8. <h:panelGroup>Free HDD Space</h:panelGroup>
  9. <h:panelGroup>30 GB</h:panelGroup>
  10.  
  11. <h:panelGroup>Installed RAM</h:panelGroup>
  12. <h:panelGroup>2 GB</h:panelGroup>
  13. </h:panelGrid>

请注意,“普通的vanilla HTML”在JSF页面中表现得很好.只有当它仅用于布局和/或演示时,才必须使用JSF组件.

也可以看看:

> Java EE 6 tutorial – Using JSF components

> Laying Out Components with the h:panelGrid and h:panelGroup Tags

> JSF tag documentation

> <h:panelGrid> tag documentation

猜你在找的HTML相关文章