Пример шрифта Twitter Bootstrap в Grails?

У меня есть текстовое поле, которое я пытаюсь настроить как Twitter Bootstrap typeahead который вызывает действие контроллера для возврата списка результатов для пользовательского запроса на данный момент, и я признаю, что немного не уверен, как это настроить. Может ли кто-нибудь привести простой пример того, как это делается в Grails?

Спасибо!


grails jquery twitter-bootstrap bootstrap-typeahead
person Ben Klein    schedule 29.10.2012    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Одним из самых простых способов использования 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" />
person Tom Metz    schedule 29.10.2012
comment
Это действительно единственный способ, поскольку typeahead не поддерживает удаленные запросы. Если вы хотите/нужно выполнить удаленный запрос для получения списка, вы можете взглянуть на это: gist.github .com/1848844 - person Gregg; 29.10.2012

arrow_upward
0
arrow_downward

Я сделал именно то, о чем вы говорите.

Сначала загрузите подключаемый модуль пользовательского интерфейса Grails, и это должно быть довольно просто. Это было давно, но вернитесь, если застряли.

person marko    schedule 29.10.2012
comment
Спасибо, но пользовательский интерфейс Grails, похоже, давно не обновлялся (его первоначальный разработчик ушел, и тот, кто поддерживает его сейчас, не поддерживает его агрессивно). Также я должен сделать это с помощью шрифта Twitter Bootstrap. - person Ben Klein; 29.10.2012
comment
Хорошо, позор! Я сделал это примерно за 15 минут — это было очень просто, и я использовал компоненты твиттера, а не автозаполнение, вызванное автозаполнением твиттера. - person marko; 29.10.2012