Hi,
I'm trying to use jQuery and the autocomplete plugin for the first
time in a web application, so maybe I've made a gross mistake in using
it. I tried to start with a plain copy and paste of the example
provided implementing my own service for retrieving the data.
The behavior I'm having, that is different from the one of the
example, is that after I digited 4 characters, the autocomplete box
just disappear, or better, it is there but without any alement inside
(and I am sure that the list has at least 2 elements inside that match
the edited input.
I've searched the forum for similar problems but I didn't find
anything similar. Is it a trivial problem of wrong cut and paste? Can
anybody help me?
Thanks in advance
Gianluca C.
The html code is the following:
...
<h2 class="title">RKB Explorer</h2>
<table>
<tr>
<td> <label for="rkbexplorer_uri">RKB Explorer uri:</label></
td>
<td> <input id="rkbexplorer_uri" type="text"
name="rkbexplorer_uri" maxlength="200" style="width:255px;"/></td>
</tr>
</table>
...
<script type="text/javascript">
function findValue(li) {
if( li == null ) return alert("No match!");
// if coming from an AJAX call, let's use the CityId as the value
if( !!li.extra ) var sValue = li.extra[0];
// otherwise, let's just display the value in the text box
else var sValue = li.selectValue;
}
function selectItem(li) {
findValue(li);
}
function formatItem(row) {
return row[1];
}
function lookupAjax(){
var oSuggest = $("/search/person/")[0].autocompleter;
oSuggest.findValue();
return false;
}
$(document).ready(function() {
$("#rkbexplorer_uri").autocomplete(
"/search/person/",
{
delay:1,
minChars:3,
matchSubset:1,
matchContains:1,
cacheLength:100,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
matchSubset: true,
autoFill:false
}
);
})
</script>
...
The service used, "search/person/" retrieve contacts of people in the
right format:
uri1 | name1
uri2 | name2
uri3 | name3
uri4 | name4
uri5 | name5
