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

Question

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

我使用的class属性为<input>标记应用样式.

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

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

在此先感谢您的支持.马诺

Answer 1

您可以尝试抛弃内置的字段构造函数,而是编写自己的构造函数.以下模板接受控制标签样式的自定义参数:

应用/视图/ _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>

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

应用/视图/ form.scala.html

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

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

应用/视图/ form.scala.html

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