9

ビューに返すリストがあります。

public static Result index() {

        List<String> list = new ArrayList<String>();
        list.add("idea 1");
        list.add("idea 2");
        list.add("idea 3");
        list.add("idea 4");
        list.add("idea 5");
        list.add("idea 6");
        list.add("idea 7");

        return ok(index.render(list));
}

次のように表示されるように、一度に3回繰り返したいと思います。

<ul>
    <li>idea 1</li>
    <li>idea 2</li>
    <li>idea 3</li>
</ul>
<ul>
    <li>idea 4</li>
    <li>idea 5</li>
    <li>idea 6</li>
</ul>
<ul>
    <li>idea 7</li>
</ul>

for ループを使用してこれを行う方法がわかりません。

このための Java コードがありますが、これを Play フレームワーク テンプレート コードに変換することはできません。

        int size = list.size();
        int loopSize = (int) Math.ceil(size / 3.0);
        int counter = 0;

        for(int j = 0 ; j < loopSize; j++) {

            System.out.println("---------------------");            

            for (int i = 0; i < 3; i++) {
                if(counter < size) {
                    System.out.println(list.get(counter));
                    counter++;
                } else {
                    break;
                }
            }

            System.out.println("---------------------");
        }
4

3 に答える 3

12

これはうまくいくはずです:

@(list: List[String])

@for(index <- 0 until list.size){
    @if(index % 3 == 0){
        <ul>
    }

    <li>@list(index)</li>

    @if(index % 3 == 2 || index == (list.size - 1)){
        </ul>
    }
}
于 2013-06-04T11:15:44.480 に答える
8

より Scala 風のバージョンを次に示します。

@(list: List[String])

@list.grouped(3).map { group =>
  <ul>
  @group.map { item =>
    <li>@item</li>
  }
  </ul>
}

(他の応答は、特に質問者がプロジェクトの残りの部分で Scala を使用していない可能性があるため、より直接的に尋ねられた質問に答えます)。

于 2013-06-04T14:12:45.080 に答える
2

これが実際の例です。

@(list: List[String])

@for(value <- list){

}
于 2016-08-27T04:17:01.343 に答える