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