Grails中Twitter Bootstrap typeahead的示例？

Question

我有一个文本字段，我正在尝试将其设置为Twitter Bootstrap typeahead，调用控制器操作以返回用户查询到目前为止的结果列表，我承认我稍微不确定如何设置它。有人能给出一个简单的例子，说明如何在Grails中完成这类事情吗？

谢谢！

Answer 1

BootStrap Typeahead最简单的用法之一就是为它提供一组值。所以在模板中创建以下Javascript，例如用户：

var users = [
             <g:each in="users" var="u">
              '${ u.username } ( ${ u.first_name } ${ u.last_name } )',
             </g:each>
            ]

$( '#search_users' ).typeahead( { 'source': users } );

在HTML部分：

<input type="text" id="search_users" />

Answer 2

我完全按照你所说的去做。

首先下载Grails UI-plugin，它应该非常简单。这是一段时间以前，但如果你遇到困难就回去。