Autocomplete not working

Aug 26, 2012 at 1:36 PM

First of all, thanks for the wonderful solution.

I was able configure however when I configure autocomplete for a text box, its not working. kindly advice me to troubleshoot.

Thanks in advance

Hafil

Coordinator
Aug 27, 2012 at 6:35 PM

Thanks for your feedback.

jQuery UI is required for using autocomplete. Check out there are references to jquery, jquery ui js and css files on your page.

Aug 28, 2012 at 2:24 PM

Unfortunetly, I referenced it but still not working and I am using latest Jquery UI and CSS.

Sep 6, 2012 at 6:41 AM

HI,

Appreciate, if you could help me to get the correct Jquery reference. may be I missing someting...

Coordinator
Oct 2, 2012 at 8:46 PM

Check out client-side error on page. Is there is no one check out page' HTML code for something like this:

$(function() {
    $( ".field-[FIELD_INTERNAL_NAME]" ).autocomplete({
        source:         "/_layouts/ListViewFilter/Handlers/FieldAutocompleteHandler.ashx?List=[LIST_ID]&Field=[FIELD_ID]",
        minLength: 2
    });
});

Mar 10, 2013 at 6:53 AM
Edited Mar 10, 2013 at 7:02 AM
Yes I can see following in client side
$(function() {                                 
$( ".field-Title" ).autocomplete({                            
source: "/_layouts/ListViewFilter/Handlers/FieldAutocompleteHandler.ashx?List=4cab69c4-c19f-4c72-959a-xxxxxxxxxxxx&Field=fa564e0f-0c70-4ab9-b863-0177e6ddd247",                            
minLength: 2                          
 });                            
 });
and I tried adding a reference as follows as well but no luck.
<link href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.9.1.js">
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js">
$(function() {                                 
$( ".field-Title" ).autocomplete({                            
source: "/_layouts/ListViewFilter/Handlers/FieldAutocompleteHandler.ashx?List=4cab69c4-c19f-4c72-959a-xxxxxxxxxxxx&Field=diidSortLinkTitle",                             
minLength: 2
});                            
});
Mar 10, 2013 at 6:57 AM
hafilhamza wrote:
Yes I can see following in client side

$(function() {
$( ".field-Title" ).autocomplete({
source: "/_layouts/ListViewFilter/Handlers/FieldAutocompleteHandler.ashx?List=4cab69c4-c19f-4c72-959a-xxxxxxxxxxxx&Field=fa564e0f-0c70-4ab9-b863-0177e6ddd247",
minLength: 2
});
});


and I tried adding a reference as follows as well but no luck.

<link href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.9.1.js">
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js">
$(function() {
$( ".field-Title" ).autocomplete({
source: "/_layouts/ListViewFilter/Handlers/FieldAutocompleteHandler.ashx?List=4cab69c4-c19f-4c72-959a-xxxxxxxxxxxx&Field=diidSortLinkTitle",
minLength: 2
});
});