Play with Scala中的复选框列表

问题描述 投票:0回答:1

我有 ...

  • Seq[RoleId]定义用户可以获得的所有角色
  • 带有User属性的roles: Seq[RoleId],其中角色是用户获得的角色
  • Play控制器准备表单并将用户(包括她的角色)和可用RoleIds的Seq提供给html页面作为表单数据的一部分(包括映射)
  • Twirl模板,显示每个可用角色的复选框

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

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

如果用户的名字是John Doe,角色为ManagerService Desk

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

我用Google搜索,但我找不到任何似乎做得对的例子。 Play的表单处理文档也没有帮助。

有任何想法吗 ?

forms scala playframework playframework-2.6
1个回答
1
投票

Play库提供了inputCheckboxGroup,其工作方式与inputRadioGroup相同。

在您的Play控制器中:

def userForm(implicit messages: Messages): Form[UserFormData] = Form(
  mapping(
    "firstName" -> nonEmptyText(minLength = 2, maxLength = 30),
    "lastName" -> nonEmptyText(minLength = 2, maxLength = 40),
    "email" -> email,
    "roleAssignmentIds" -> seq(text)
  )(UserFormData.apply)(UserFormData.unapply)
)
val roleAssignmentOptions : List[(String, String)] = List("1" -> "Admin", "2" -> "Manager", "3" -> "Service Desk", "4" -> "Jack of All Trades")

然后在你的播放模板中:

@helper.inputCheckboxGroup(form("roleAssignmentIds"), roleAssignmentOptions)

这将显示一个复选框列表。选中复选框后,ID(“1”..“4”)将被发送回服务器。 (如果您提前填写表格,则需要填写ID - “1”..“4” - 以及。)


0
投票

在完善我的问题后,我提出了一个有效的解决方案。

我使用下面的表单,它使用下面的case类来保存它的数据。正如您所看到的,内部有一个嵌套映射,表示角色列表及其与用户角色相关的状态(这意味着用户具有该角色,否则为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)

控制器只使用db中的数据填充表单:

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并使用repeatWithIndexto提供的索引访问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让我更加努力。

© www.soinside.com 2019 - 2024. All rights reserved.