playframework - Scala 模板将样式应用于 inputText 的标签 [Play 2 HTML5 helper tag]

Question

我正在使用带有输入助手的 scala 模板。

我使用的类属性适用于 <input> 的样式标记。

如何应用特定于生成的 <label> 的样式标记？

@inputText(orderItem("item1"),'_label -> "Product*",'_class -> "tinytfss")

提前感谢您的支持。马诺伊

Answer 1

您可以尝试放弃内置的字段构造函数，而改为 write your own .以下模板接受控制标签样式的自定义参数:

app/views/_my_field_constructor.scala.html

@(element: helper.FieldElements)

<div class="clearfix @if(element.hasErrors){error}">
  <label for="@element.id" class="@element.args.get('_label_class)">@element.label</label>
  <div class="input">
    @element.input
  </div>
</div>

现在使用新的字段构造函数，而不是之前使用的任何内置构造函数:

app/views/form.scala.html

....
@* implicitFieldConstructor = @{ FieldConstructor(twitterBootstrapInput.f) } *@
@implicitField = @{ FieldConstructor(_my_field_constructor.f) }
....

当调用辅助函数创建输入文本字段时，您现在可以传入模板将选取的自定义 _label_class 参数:

app/views/form.scala.html

@inputText(orderItem("item1"), '_label -> "Product", '_label_class -> "red", '_class -> "tinytfss")