Grails - 自動完成，接收清單，最簡單的方法2014

Question

我需要在具有自動完成的輸入文本中輸入文本;然後選擇對象本。

我有jQuery的自動完成：http://jqueryui.com/autocomplete/#default

但我不明白我怎麼可以通過它的$ {estrategia.Book.list（）}

這是我的選擇，它具有列表：

<g:select id="estudiante" name="estudiante.id" 
    from="${estrategia.Book.list()}" optionKey="id" required="" 
    value="${bookInstance?.id}" class="many-to-one" /> 

這是JQuery的自動完成，而不是availableTags我需要把書目：

<script> 
$(function() { 
var availableTags = [ 
"ActionScript", 
"AppleScript", 
"Asp", 
"Scheme" 
]; 
$("#tags").autocomplete({ 
source: availableTags 
}); 
}); 
</script> 

<div class="ui-widget"> 
<label for="tags">Tags: </label> 
<input id="tags"> 
</div> 

編輯：

所以我創建的標籤庫，沒有命名空間，這裏是我想，你可以指出我哪裏是我的錯誤？

<div class="ui-widget"> 
<label for="try">Tags: </label> 
<input id="try"> 
<g:books id="try"/> 
</div> 

我的taglib：

def books = {attrs -> 
    out << "<script type='text/javascript'>" 
    out << "books = [" 
    Book.list().each { 
     out << "'${it.title}'," 
    } 
    out << "];" 
    out << "</script>" 
} 

非常感謝你提前

---

編輯：嗯，我沒有解釋一切我想做的事......它的結果jQuery已經爲你做： http://jqueryui.com/autocomplete/#combobox

Answer 1

我有一些simil AR和我剛剛創建了一個標籤庫來做到這一點：

def books = {attrs -> 
    out << "<script type='text/javascript'>" 
    out << "books = [" 
     Book.list().each { 
     out << "'${it.name}'," 
     } 
    out << "];" 
    out << "</script>" 
} 

，然後在GSP，你的JavaScript需要它，你只想做：

<foo:jsNodeTypes/> 

其中foo是你給了命名空間的標籤庫。

或者，您可以使用ajax，並根據需要自動完成從服務器請求數據。