7

如何在播放框架中隐藏文本字段？例如如何隐藏此字段：

@inputText(userProfileForm("name"), '_label -> "Name")
4

4 回答 4

24

这应该适用于所有浏览器：

@inputText(
    userProfileForm("name"),
    '_label -> "Name",
    'style -> "display: none"
)

请注意，这只会隐藏字段，而不是标签等。

如果您还想隐藏标签，则无法使用默认助手执行此操作。但是，您可以自己指定输入字段：

<input type="hidden" name="name" value="@userProfileForm.data.get("name")" />

name应该是表单中字段的名称（在这种情况下也是巧合）name。
我还没有测试过，value但它应该可以工作，也许你需要剥离"around name。

如果这样做，隐藏的数据将与表单中的其他数据一起发送到服务器。

编辑：
如果隐藏的值是空的，这意味着你在调用视图时没有将它绑定到表单。您可以在 Java 中将名称绑定到这样的形式（我不知道 Scala，但在 Play Scala 文档中有解释）：

Map<String, String> data = new HashMap<>();
data.put("name","get the username here");

return ok(index.render(userProfileForm.bind(data));

另一种选择（在我看来更简洁）是简单地将用户名作为参数传递给视图。控制器变为：

return ok(index.render(userProfileForm, "username goes here"));

然后在视图中您可以简单地执行以下操作：

@(userProfileForm : Form[UserProfileForm])(name : String)

@helper.form(...){
    <input type="hidden" name="name" value="@name" />
    //...
}
于 2013-06-04T10:52:09.333 回答
6

inputText助手接受一个 varargs ，(Symbol, Any)它代表 html 属性。如果您使用的是 html5，则只需添加 hidden 属性：

@inputText(userProfileForm("name"), '_label -> "Name", 'hidden -> "hidden")

通常该hidden属性没有价值，但我找不到任何有关如何使用助手执行此操作的信息。至少在 Chrome 中它也是这样工作的。

编辑：

顺便说一句，您也可以只使用 html 而不是助手：

<input attribute=value hidden />
于 2013-06-04T06:55:22.580 回答
3

我知道这是一个老问题，但我有一个类似的问题，我想隐藏一个 inputText 并且仍然使用助手处理它。最好和最干净的方法是编写自己的帮助程序，添加一个自定义值来告诉何时隐藏元素本身。我找到了这样的解决方案

我自己的字段构造函数

@(elements: helper.FieldElements)
@if(elements.args.contains('hideIt)){
    @elements.input
}else{
<div class="@if(elements.hasErrors) {error}">
    <div class="input">
        @elements.input
        <span class="errors">@elements.errors.mkString(", ")</span>
        <span class="help">@elements.infos.mkString(", ")</span> 
    </div>
</div>
}

我在这样的视图文件中使用：

@inputText(form("fieldName"),
'hidden -> "true",
'hideIt -> true
)

现在你完成了:)

于 2014-09-29T09:32:05.470 回答
2

虽然它有效，但我不喜欢@Aerus 提供的 hashmap 版本，我更喜欢尽可能使用静态类型的表单，所以我想出了一个替代方案。

final UserProfileForm initial = new UserProfileForm("get the username here");
return ok(index.render(Form.form(UserProfileForm.class).fill(initial));

然后，在配置文件中，您可以执行以下操作：

<input type="hidden" name="name" value="@userProfileForm("name").value" />
于 2016-12-16T19:00:01.090 回答