Question

我有一个看起来像这样的播放模板：

@(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总是分别获得id name和description。我有很多这样的，所以这些ID不再是唯一的了。这仍然适用于chrome，但我知道ID必须在文档中是唯一的。 Play中是否有一些内置的方法来处理这类问题，还是我必须提出自己的解决方案？如果是后者，您对如何处理此问题有一些建议吗？或者我做了一些根本错误的事情？

Answer 1

您可以使用项目的列表索引并将其附加到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>
}

Play Framework - 表单的多个实例

1 个答案: