Scala Play：如何渲染具有重复值和嵌套值的表单映射？

Question

我正在开发 Scala Play 2。7.x（您可以在此处查看项目 play-silhouette-seed googleauth branch）并且我有一个定义为的表单：

object TotpSetupForm {
  val form = Form(
    mapping(
      "sharedKey" -> nonEmptyText,
      "scratchCodes" -> seq(mapping(
        "hasher" -> nonEmptyText,
        "password" -> nonEmptyText,
        "salt" -> optional(nonEmptyText)
      )(PasswordInfo.apply)(PasswordInfo.unapply)),
      "scratchCodesPlain" -> optional(seq(nonEmptyText)),
      "verificationCode" -> nonEmptyText(minLength = 6, maxLength = 6)
    )(Data.apply)(Data.unapply)
  )

  case class Data(
    sharedKey: String,
    scratchCodes: Seq[PasswordInfo],
    scratchCodesPlain: Option[Seq[String]],
    verificationCode: String = "")
}

其中 PasswordInfo 来自 Play-Silhouette，看起来像：

case class PasswordInfo(
  hasher: String,
  password: String,
  salt: Option[String] = None
) extends AuthInfo

在我的控制器中，我填充表单并将其作为参数传递给我的视图模板，如下所示。请注意，我已经对其进行了调试并且 totpInfo.scratchCodes 有 5 个值并且表格已正确填充：

val formData = TotpSetupForm.form.fill(TotpSetupForm.Data(totpInfo.sharedKey, totpInfo.scratchCodes, totpInfo.scratchCodesPlain))
Ok(views.html.someView(formData, ...)

我渲染视图如下，请注意我确实阅读了the Scala Forms Repeated Values documentation note :)

@helper.form(action = controllers.routes.TotpController.submit()) {
    @helper.CSRF.formField
    @b3.text(totpForm("verificationCode"), '_hiddenLabel -> messages("verificationCode"), 'placeholder -> messages("verificationCode"), 'autocomplete -> "off", 'class -> "form-control input-lg")
    @b3.hidden(totpForm("sharedKey"))
    @helper.repeatWithIndex(totpForm("scratchCodes"), min = 1) { (scratchCodeField, index) =>
        @b3.hidden(scratchCodeField, '_label -> ("scratchCode #" + index))
    }
    <div class="form-group">
        <div>
            <button id="submit" type="submit" value="submit" class="btn btn-lg btn-primary btn-block">@messages("verify")</button>
        </div>
    </div>
}

即使正确填充了表单的 scratchCodes 序列，每个序列值都呈现为空：

<input type="hidden" name="scratchCodes[0]" value="" >
<input type="hidden" name="scratchCodes[1]" value="" >
<input type="hidden" name="scratchCodes[2]" value="" >
<input type="hidden" name="scratchCodes[3]" value="" >
<input type="hidden" name="scratchCodes[4]" value="" >

虽然序列中的字段数是正确的。

我也尝试过使用 @helper.repeat 替代方案，甚至使用 @helper.input 而不是 @b3.hidden 只是为了确保结果总是一样的......我得到了空值 PasswordInfo 个呈现的元组。

我该如何解决这个问题？

Answer 1

OK 找到了罪魁祸首：重复+嵌套值需要像这样分别访问每个属性：

@helper.repeat(totpForm("scratchCodes"), min = 1) { scratchCodeField =>
  @b3.hidden(scratchCodeField("hasher"))
  @b3.hidden(scratchCodeField("password"))
  @b3.hidden(scratchCodeField("salt"))
}

然后工作正常并且 post 请求正确填充 PasswordInfo UDT 的序列。

Scala Play：如何渲染具有重复值和嵌套值的表单映射？

Scala Play: How to render Form mappings with Repeated and Nested values?

scala

playframework

play-framework-2.7