テーブルの繰り返し

Listや配列を繰り返して表示させるには、DIVタグを使う方法とTBODYタグを使う方法の2種類がある。この際、ID名が「･･･Items」となっていないと表示されないので注意。

  <!-- DIVタグの場合 -->
  <div id="productsItems">
    <span id="productsId">hoge</span>,
    <span id="productsName">fuga</span><br />
  </div>
  <!-- TBODYタグの場合 -->
  <table>
  <thead>
    <tr>
      <th>製品ID</th>
      <th>製品名</th>
    </tr>
  </thead>
  <tbody id="productsItems">
    <tr>
      <td><span id="productsId">hoge</span></td>
      <td><span id="productsName">fuga</span></td>
    </tr>
  </tbody>
  <table>

また、List内のValueObjectの項目と同じ項目のGetter,Setterが表示する画面のPageクラスに存在する必要がある。

public class SamplePage {
    private List productsItems;
    private BigDecimal productsId;
    private String productsName;
    public BigDecimal getProductsId() {
        return productsId;
    }
    public void setProductsId(BigDecimal productsId) {
        this.productsId = productsId;
    }
    public String getProductsName() {
        return productsName;
    }
    public void setProductsName(String productsImage) {
        this.productsName = productsImage;
    }
    public List getProductsItems() {
        return productsItems;
    }
    public void setProductsItems(List productsItems) {
        this.productsItems = productsItems;
    }
}

ValueObject(DTO)はこんな感じ

public class SampleVO {
    private BigDecimal productsId;
    private String productsName;
    public BigDecimal getProductsId() {
        return productsId;
    }
    public void setProductsId(BigDecimal productsId) {
        this.productsId = productsId;
    }
    public String getProductsName() {
        return productsName;
    }
    public void setProductsName(String productsImage) {
        this.productsName = productsImage;
    }
}