Question

我想在索引中展示一个购物车我想为每个类别显示3列和5行实施例

Books
||  Books A   ||   Books B     || Books C
||============||===============||=========
||  Books D   ||    Books E    ||  Books F
||============||===============||=========
||  Books G   ||     Books H   ||  Books I

Video
||   Video A  || Video B       ||  Video C
||============||===============||=========
||  Video D   || Video E       || Video F
||============||===============||=========
|| Video G    || Video H       || Video I

我怎么能像我的例子一样呢？

Answer 1

如果您使用JSF2.0和Facelets，则可以使用<ui:repeat>和<h:dataTable>标记。使您的bean返回按类别分组的项目。在类别中，保留项目列表行。 Row只是一个数组（也可以是列表）。

@ManagedBean
public class Cart {
  List<CategoryItems> getItemsGroupedInCategories() {
    //get items here
  }
}

public class CategoryItems {
  private String categoryName;
  private List<Item[]> itemsRows;
  //constructors, getters/setters
}

然后在JSF XHTML中你输入：

<ui:repeat value="#{cart.itemsGroupedInCategories}" var="categoryItems">
  <h:dataTable value="#{categoryItems.itemsRows}" var="row" >
    <f:facet name="header">
      <h:outputText value="#{categoryItems.categoryName}" />
    </f:facet> 
    <h:column>
      <h:outputText value="#{row[0]}" />
    </h:column>
    <h:column>
      <h:outputText value="#{row[1]}" />
    </h:column>
    <h:column>
      <h:outputText value="#{row[2]}" />
    </h:column>
  </h:dataTable>
</ui:repeat>

如何使用java JSP或JSF拆分购物车中的列和行

1 个答案: