覆盖 Lift ajaxRadio toForm 默认标记

Question

我的表单中有 ajaxRadio，但 Lift 为我生成了不需要的标记（它用 span 包装输入标记，我想标记 tag）。 可以覆盖默认的 toForm 函数或完全覆盖 htmlize 方法，该方法称为

object ChoiceHolder {  
    var htmlize: ChoiceItem[_] => NodeSeq = c => (<span>{c.xhtml} {c.key.toString}<br/> </span>)  
  }

那么如何获取输入标签周围的标签而不是跨度？

多谢。

Answer 1

考虑到 ChoiceItem 类似于

val choiceItem = ChoiceItem("Some key", <input type="radio" value="val" name="somename" />)

，并且您按如下方式调用 toForm 方法，

ChoiceHolder(Seq(choiceItem)).toForm

您可以使用

ChoiceHolder.htmlize = ci => evalElemWithId((id, e) => e ++ <label for={id}>{ci.key.toString}</label>)(ci.xhtml)

它可能返回类似

NodeSeq(<input name="somename" type="radio" value="val" id="F212153483008MMP"></input>, <label for="F212153483008MMP">Some key</label>)

or 的内容，如果您想将标签包裹起来

ChoiceHolder.htmlize = ci => evalElemWithId((id, e) => <label for={id}>{e} {ci.key.toString}</label>)(ci.xhtml)

，它可以为您提供

NodeSeq(<label for="F689721302326S3S"><input name="somename" type="radio" value="val" id="F689721302326S3S"></input>Some key</label>)

有点复杂：evalElemWithId (import net.liftweb.util.Helpers.evalElemWithId) 获取 NodeSeq 的第一个元素（例如 choiceItem.xhtml )，并向其添加一个 id 属性。之后，将调用接收此 id 的匿名函数，以便您可以在标签的 for 属性中使用它。

编辑
请注意，ChoiceHolder.htmlize 是一种全局函数，将通过所有 ChoiceHolder.toForm 调用进行调用。因此，只有当您想在所有地方都具有相同的布局时，全局更改它才有意义。

如果您只想在一种情况下拥有不同的布局，那么最好只调用一些 choiceToForm 方法。

Answer 2

所以最后我自己找到了解决方案。
它不是我想象的那么干净，但它有效！

因此，对于具有相同问题的下一代 - 我用我自己的函数包装 ajaxRadio：

choicesToMyForm( SHtml.ajaxRadio( ... ) )

并且该函数如下所示：

def choicesToMyForm(choices : ChoiceHolder[String]) : NodeSeq =
{
    choices.flatMap( c => (<label>{c.xhtml} {c.key.toString}</label>) )
}