Play Framework 2.1.0 Scala 可编辑 select 框

Question

我正在扩展用 play 2.1.0 编写的客户应用程序。客户希望拥有可编辑的 select 框（select 条目或输入文本），就像在 windows 应用程序中一样。这个选项在 scala play 中也可用吗？表格定义如下：

<div class="row">
    <div class="span8">
        <fieldset>
            @inputText(
            studyForm("studyName"),
            '_label -> Messages("interface.studyName"),
            '_help -> Messages("interface.studyName.help"),
            '_error -> studyForm.globalError
            )

            @select(
            studyForm("virus"),
            options =
...

我不习惯 scala 和 play 框架，如果有人能在这里帮助我，我将不胜感激...

Answer 1

我找到了解决方案，相当简单。考虑到当今浏览器的 HTML5 兼容性，一个简单的输入类型文本就可以做到。在Play/Scala中可以这样实现：

<div class="row">
    <div class="span8">
        <fieldset>
           ...
            @inputText(
            studyForm("virus"),
            'list -> "viruses",
            '_label -> Messages("interface.virus"),
            '_help -> Messages("interface.virus.help"),
             '_error -> studyForm.globalError
            )
...
</fieldset>
<datalist id="viruses">
  <option value="Virus 1">
  <option value="Virus 2">
  <option value="VIrus 3">
</datalist>
...

'list -> "viruses" 行是成功的关键，因为它为引用下面创建的数据列表的输入字段创建属性 "list"。

Play Framework 2.1.0 Scala 可编辑 select 框

Play Framework 2.1.0 Scala editable select box

html

scala

playframework

html-select