如何在 Grails 中创建一个 <g:select> 我可以输入以进行搜索答案

【问题标题】：How can I create a <g:select> in Grails that I can type in to search如何在 Grails 中创建一个 <g:select> 我可以输入以进行搜索
【发布时间】：2015-07-29 18:49:57
【问题描述】：

我在 Grails 中有一个视图，它由 a 和 a 从 State 枚举中填充，就像这样

State Code<g:textField name="stateCode" value="${params.stateCode}"/><br/>
State Name<g:select name="stateValue" from="${State.values()}" value="${params.stateValue}"/>

我打算使用此视图允许用户通过在 textField 中输入两位邮政编码和在 select 中输入完整状态来向枚举添加新状态。为了使这更容易，我想允许用户使用框中的键输入枚举的值。例如，如果用户在 textField 中输入 NY，他们可以在 select 中输入 New York。

Grails 中有没有一种方法可以允许“可键入”选择菜单？如果没有，我不介意使用 jQuery 来达到预期的效果。

【问题讨论】：

看看 ajaxdependancyplugin - 有一些关于过滤的内容 - 你需要哪种类型 - 你可以查看逻辑 javascripts 等等，然后取出对你有用或依赖的位在插件上。

标签： jquery grails enums

【解决方案1】：

这本身并不是真正的 Grails 事物。不过，您可以使用一些不错的 JavaScript 库来增强 Grails 生成的 selects：

Select2
Chosen
Bootstrap Select - 如果你已经在使用 Twitter Bootstrap，这可能是最好的选择

我个人的偏好是 Select2。你可以这样使用它：

<g:select name="stateValue" from="${State.values()}" value="${params.stateValue}" class="mySelect" />

<script>
    $("select.mySelect").select2();
</script>

【讨论】：

Select2 似乎非常适合我的需求。谢谢。