scala - 带有 Bootstrap、Play 框架和 Scala 模板的动态 HTML ID

Question

我正在使用 Scala 模板开发带有 Bootstrap 和 Play 2 的应用程序。我想枚举每一行作业的 ID，以便每一行都映射到显示更多信息的相应折叠行。下面是我最初的尝试，但到目前为止它还没有奏效。非常感谢任何有关如何实现此目的的评论或提示。

<tbody>
    @lists.zipWithIndex.map { case(elem, index) =>
        <tr data-toggle="collapse" data-target="res@index" class="accordion-toggle">
            <td><!--Display elem--></td>
        </tr>
        <tr>
            <td colspan="3"><div class="accordion-body collapse" id="res@index"></div></td>
        </tr>
    }
</tbody>

Answer 1

我的一个项目中的示例，只需以相同的方式进行：

@countries.byRegion.zipWithIndex.map { p =>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href=@("#collapse" + p._2)>
        @p._1._1 <span class="pull-right">@p._1._2</span>
       </a>
    </div>
    <div id=@("collapse" + p._2) class="accordion-body collapse">
      <div class="accordion-inner">
        @data.programs.map { prog =>
          @if(prog.region == p._1._1) {
            <p>@prog.level</p>
          }
        }
      </div>
    </div>
  </div>
}

要使其正常工作，您必须制作“动态”href 和 id：href=@("#collapse" + p._2) id=@("collapse" + p._2)在您的情况下更改p._2为index