Grails中Twitter Bootstrap typeahead的示例？

Question

我有我想要设置为文本字段Twitter的引导预输入调用控制器动作到目前为止返回结果为用户的查询列表,我承认,我是稍微不确定如何设置这.有人可以举一个简单的例子来说明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" />