json result to arraylist and autocomplete

Question

1.00/5 (1 vote)

See more:

C#

<script type="text/javascript">
    var $ = jQuery.noConflict();
    var records = [];
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $(document).ready(function () {
        jQuery.ajax({
            url: '@Url.Action("GetAllCity", "Home")',
            type: "GET",
            success: function (data) {
                debugger;
                if (data != null) {
                    for (var k in data) {
                        records.push(data[k].Name);
                    }
                }
            }
        });

        jQuery('#txtCityName').autocomplete({
            source: records
        });
    });
</script>

autocomplete searches from availableTags but not searches from records array list.After array creation both looks like same array but autocomplete is not working on records array.

Posted 18-Sep-15 2:41am

itsathere

Updated 18-Sep-15 3:31am

v6

Add a Solution

Comments

Krunal Rohit 18-Sep-15 8:56am

your records[] array contain any data after the AJAX call ?

-KR

itsathere 18-Sep-15 9:08am

after json result i have checked arrylist on mouse over on records[], it shows array like availableTags but autopopulate not working on records[].

Krunal Rohit 18-Sep-15 9:12am

That's what I'm asking, are you getting any record using AJAX call ?

-KR

itsathere 18-Sep-15 9:13am

Yes.I have created a alert message after for loop; alert also showing data but autopopulate..

Krunal Rohit 18-Sep-15 9:33am

Call your autocomplete function in success with data.

-KR

itsathere 18-Sep-15 10:01am

thanks.

itsathere 19-Sep-15 1:03am

autocomplete works fine but have word arrangement problem on search. when i put a in textbox it's not showing all values start with a.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

itsathere · Accepted Answer · 2015-09-18T18:47:00

C#

<script type="text/javascript">
    var $ = jQuery.noConflict();
    var source= [];
    $(document).ready(function () {
        jQuery.ajax({
            url: '@Url.Action("GetAllCity", "Home")',
            type: "GET",
            success: function (data) {
                debugger;
                if (data != null) {
                    for (var k in data) {
                        records.push(data[k].Name);
                    }
             jQuery('#txtCityName').autocomplete({
              source: source
source: function (request, response) {
                            var term = jQuery.ui.autocomplete.escapeRegex(request.term)
                                , startsWithMatcher = new RegExp("^" + term, "i")
                                , startsWith = jQuery.grep(source, function (value) {
                                    return startsWithMatcher.test(value.label || value.value || value);
                                })
                                , containsMatcher = new RegExp(term, "i")
                                , contains = jQuery.grep(source, function (value) {
                                    return jQuery.inArray(value, startsWith) < 0 &&
                                        containsMatcher.test(value.label || value.value || value);
                                });

                            response(startsWith.concat(contains));
                        }
              });
                }
            }
        });
 
        
    });
</script>