1

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>
4

1 に答える 1

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

于 2013-06-07T22:18:49.330 に答える