jquery .aucomplete limit array error

Question

I am using the following code:

$(function(){
        $(".aucomplete").live("keyup", function(){
            var all_analysts = [<TMPL_VAR ALL_TARGETS>];
            $(this).autocomplete({
                    source: all_analysts, //local lookup values
                    delay: 0
            });
        });
    });

and "ALL_TARGETS" contains a string like: 'X','Y','Z'.

When limiting the string to 1000 items, everything works fine. When limiting the string to 5000 items, aucomplete doesn't work and on chrome I get the following error: "Uncaught SyntaxError: Unexpected string" (under the "var all_analysts = [];" row).

(firefox and Iexplorer don't show the error but aucomplete still doesn't work).

Anyone know what may be the broblem?

Thanks in advance.

sdespont · Accepted Answer · 2012-10-21 09:09:18Z

1

A workaround would be to use the remote feature to bypass any limit

$(function(){
        $(".aucomplete").live("keyup", function(){
            var all_analysts = [<TMPL_VAR ALL_TARGETS>];
            $(this).autocomplete({
            minLength: 2,
            source: function( request, response ) {
                var term = request.term;
                if ( term in cache ) {
                    response( cache[ term ] );
                    return;
                }
                //Return part of your big array
                $.getJSON( "search.php", request, function( data, status, xhr ) {
                    cache[ term ] = data;
                    response( data );
                });
            },
            delay: 0
            });
        });
    });

Check JQueryUI docs, there are several remote functionalities http://jqueryui.com/autocomplete/#remote-with-cache

answered Oct 21, 2012 at 9:09

sdespont

14.1k9 gold badges61 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mike Over a year ago

Sorry, but I new with this plugin. should I actually copy-paste the code as is? How should the values (ll_analysts) pass to the source? Thanks

sdespont Over a year ago

Find a basic implementation tutorial here : simonbattersby.com/blog/…

Amir Kolta · Accepted Answer · 2012-10-21 11:31:23Z

1

I think your problem is with the source attribute of the autocomplete, in jquery autocomplete the source isn't the list it will search inside but it's the path to the server that will respond with a json list including the results so in your case it should look similar to this

$(function(){
    $(".aucomplete").each( function(){
        var all_analysts_path = /path/to_your/server_side_method_or_controller;
        $(this).autocomplete({
                source: all_analysts_path, //local lookup values
                delay: 0
        });
    });
});

edited Oct 21, 2012 at 11:31

answered Oct 21, 2012 at 8:55

Amir Kolta

2412 silver badges8 bronze badges

3 Comments

Mike Over a year ago

What exactly is the path: "/path/to_your/server_side_method_or_controller? is it a file? what should be its syntax? thanks!

Amir Kolta Over a year ago

It depends on the technology you are using, for example if you are using an MVC based one then it's a path to your controller that renders json, it should be a normal href close to /analysts/search

Amir Kolta Over a year ago

plus that you don't need to use live keyup event that's what the plugin does you just need to say .each like what I've edited above in the code

Collectives™ on Stack Overflow

jquery .aucomplete limit array error

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related