首页 > 解决方案 > Play with Scala 中的复选框列表

问题描述

我有 ...

我想要实现的是一个复选框列表,其中每个复选框的值都是用户角色的一部分。所以列表应该显示哪些可用角色被授予用户,如这个非常精致的原型所示:

Name:  [Doe, John]
Roles: [ ] Admin
       [x] Manager
       [x] Service Desk
       [ ] Jack of all trades

如果用户名John Doe与角色ManagerService Desk.

这看起来相当简单,但如果没有一些技巧,我找不到实现它的方法(比如绕过表单并将角色日期作为常规参数移动到 Twirl 模板;在表单处理代码中编写自定义映射器等) . 没有所有样板文件就没有办法以 Play 方式进行吗?

我用谷歌搜索,但我找不到任何似乎正确的例子。Play 的表单处理文档也没有帮助。

有任何想法吗 ?

标签: formsscalaplayframeworkplayframework-2.6

解决方案


在完善我的问题后,我想出了一个可行的解决方案。

我使用下面的表格,它使用下面的案例类来保存它的数据。如您所见,内部有一个嵌套映射,表示角色列表及其与用户角色相关的状态(true 表示用户拥有该角色,否则为 false):

def userForm(implicit messages: Messages): Form[UserFormData] = Form(
  mapping(
    "firstName" -> nonEmptyText(minLength = 2, maxLength = 30),
    "lastName" -> nonEmptyText(minLength = 2, maxLength = 40),
    "email" -> email,
    "roleAssignments" -> seq(
      mapping(
        "roleIdStr" -> nonEmptyText,
        "isAssigned" -> boolean
      )(RoleAssignment.apply)(RoleAssignment.unapply)
    )
  )(UserFormData.apply)(UserFormData.unapply)
)

case class UserFormData(firstName: String, lastName: String, email: String, roleAssignments: Seq[RoleAssignment])
case class RoleAssignment(roleIdStr: String, isAssigned: Boolean)

控制器只是用数据库中的数据填充表单:

def user(id: Long) = Action.async { implicit request =>
  managerService.retrieveByIdWithRoles(id, Some(request.identity), request.remoteAddress).map { case (user, roles) =>
    Ok(views.html.admin.administration.show_user(
      userForm.fill(UserFormData(user.firstName, user.lastName, user.email, roleAssignments(roles)))))
  }
}

private def roleAssignments(roles: Seq[Role]) = {
  val roleIds = roles.map(_.id)
  Roles.all.map { case id =>
    RoleAssignment(id.toString, roleIds.contains(id))
  }
}

在视图模板中,我重复了 roleAssignments 并使用提供的索引repeatWithIndex来访问 seq 的元素:

@repeatWithIndex(userForm("roleAssignments")) { (roleAssignment, index) =>
  @b4.checkbox(userForm(s"roleAssignments[$index].isAssigned"), '_text -> userForm(s"roleAssignments[$index].roleIdStr").value, '_custom -> true, 'readonly -> true)
}

感谢@cchantep 推动我更加努力。


推荐阅读