表单的多个实例
我有一个播放模板看起来像这样：
@(projects: List[Project], projectForm: Form[Project])
@import helper._
@main("Create projects") {
<div class="accordion">
@for(project <- projects) {
<h3>@project.name</h3>
<div>
@form(routes.Application.updateProject(project.getId), 'class -> "ajaxForm") {
@* I'm not even sure why I need to specify the FQN of Map here *@
@defining(projectForm.bind(scala.collection.mutable.Map( "name" -> project.name,
"description" -> project.description))) { form =>
@inputText(form("name"))
@textarea(form("description"))
<input type="submit" value="Update"/>
}
}
</div>
}
</div>
@form(routes.Application.createProject()) {
<fieldset>
<legend>Create a new project</legend>
@inputText(projectForm("name"))
@textarea(projectForm("description"))
<input value="create" type="submit"/>
</fieldset>
}
}
Project是一个包含long id和String name和description 。
我的问题在这里
@inputText(form("name"), 'value -> project.name)
@textarea(form("description"))
inputText和textarea总是分别获得ids name和description 。 我有许多这些，所以这些ID不再是唯一的。 这仍然适用于Chrome，但我知道ID必须在文档中是唯一的。 Play中是否有内置的方式来处理这类问题，还是必须提出一个自己的解决方案？ 如果是后者，你是否对如何解决这个问题有一些建议？ 或者我在做一些根本性错误？
您可以使用项目的列表索引并将其附加到id ：
@for((project, index) <- projects.zipWithIndex) {
<h3>@project.name</h3>
<div>
@form(routes.Application.updateProject(project.getId), 'class -> "ajaxForm") {
@defining(projectForm.bind(scala.collection.mutable.Map(
"name" -> project.name,
"description" -> project.description))) { form =>
@inputText(form("name"), 'id -> ("name" + index))
@textarea(form("description"), 'id -> ("description" + index))
<input type="submit" value="Update"/>
}
}
</div>
}