Grails jQuery-ui自动完成

Question

So I'm attempting a different route to using autocomplete within grails, here's what I've got so far...

"Object" Controller (yeah I know thats a really bad name now in hindsight): -

def objectFinderAJAX = {
    def objectsFound = Object.withCriteria{
        ilike 'objDesc', '%' + params.term + '%'
    }
    render (objectsFound as JSON)
} 

In the head of the page I've got this: -

$(document).ready(function(){
    $("#eventList > tbody > tr").find('input[type=text]').each(function() {
        $(this).autocomplete({
            source: '<g:createLink controller='Object' action='objectFinderAJAX'/>'
        });
    });  
});     

And within the body I've got a table that looks, in its simplified form, like so (this is constructed with multiple AJAX calls on load) :-

<table id="eventList">
        <col width="500">
        <col width="750">
            <tr id = 0 class="even" name="main">
                <td colspan="3">
                    <table id = "sub">
                        <tr>
                            <td><b>Action</b></td>
                            <td><select style="width:375px;" name="events[0].id" required="required" id="events[0].id" ><option value="11" >Check a links displayed text</option></select></td>
                            <td>
                                <b>Object</b>
                            </td>
                            <td>
                                <input style="width:500px" id="autoLook[0].id" name="autoLook[0].id" value= "Browser"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
</table>

Bot nothing is happening when I type anythign in the input, any clues? I even tried adding in a println to the controller just to output anything and its not registering that... I cant see anything happening within firebug.

Answer 1

I ended up going back to utilising richui which pretty much did everything I needed out of the box once I resolved the issue around changing IDs and names.

Original issue is here .

Answer 2

One issue I see is the way g:createlink has been used.

It should be like this:

${createLink(controller: 'object' , action:'objectFinderAJAX')}

Just using the g:createLink will render it as a string. Also the controller convention dictates to use camelCase meaning should start with lowercase letter.

this link may also help you to get it work: