forms - Play with Scala 中的复选框列表
问题描述
我有 ...
Seq[RoleId]
定义用户可以获得的所有角色- a
User
带有一个属性roles: Seq[RoleId]
,其中角色是用户已被授予的角色 - 一个 Play 控制器准备一个表单并向 html 页面提供用户(包括她的角色)和可用 RoleIds 的 Seq 作为表单数据的一部分(包括映射)
- 一个 Twirl 模板,显示每个可用角色的复选框
我想要实现的是一个复选框列表,其中每个复选框的值都是用户角色的一部分。所以列表应该显示哪些可用角色被授予用户,如这个非常精致的原型所示:
Name: [Doe, John]
Roles: [ ] Admin
[x] Manager
[x] Service Desk
[ ] Jack of all trades
如果用户名John Doe
与角色Manager
和Service Desk
.
这看起来相当简单,但如果没有一些技巧,我找不到实现它的方法(比如绕过表单并将角色日期作为常规参数移动到 Twirl 模板;在表单处理代码中编写自定义映射器等) . 没有所有样板文件就没有办法以 Play 方式进行吗?
我用谷歌搜索,但我找不到任何似乎正确的例子。Play 的表单处理文档也没有帮助。
有任何想法吗 ?
解决方案
在完善我的问题后,我想出了一个可行的解决方案。
我使用下面的表格,它使用下面的案例类来保存它的数据。如您所见,内部有一个嵌套映射,表示角色列表及其与用户角色相关的状态(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 推动我更加努力。
推荐阅读
- spring-boot - Cucumber 检测所有场景但忽略它们
- angular - How to setup Angular Flex Layout breakpoints with Angular 8
- laravel - 从 laravel 队列中的数据库获取无效数据
- mysql - 如果 Node 和 Mysql 不存在,则添加列
- functional-programming - 使用 Lazy.jl 在 Julia 中生成惰性范围
- openstack - 错误:无法检索 Ironic 节点。_construct_http_client() 至少需要 1 个参数(给定 4 个)
- node.js - 如何解决 Shopify 应用中的 HMAC 验证失败?
- docker - Docker 工具箱 - 步骤“设置环境”中似乎出了点问题
- c# - 来自 WebClient 的 BadRequest 消息
- vba - 使用 Word VBA 打开 PDF 以另存为文本