Autocomplete not populate

3 posts, 1 answers
  1. Jianwei
    Jianwei avatar
    20 posts
    Member since:
    Feb 2011

    Posted 21 Aug 2014 Link to this post

    I have an autocomplete control to call server code to get databack, from the server response, I see the data is passed back correctly, however, it's not populating the list, it shows "loading" icon forver, any idea.

    Here is how I configure

      <input id="institutionAutoComplete" 
               data-placeholder="Type an institution name "
               data-bind="value: selectedInstitution,source: institutions" />
        <br />

    var degreeVm = kendo.observable($.extend({
                    transport: {
                        read: {
                            url: '@Url.Content("~/CommonData/GetInstitutionList")',
                            data: {
                                name: function(){
                                    return $("#institutionAutoComplete").data("kendoAutoComplete").value();
                            dataType: "jsonp"
                    schema: {
                        data:function(data) {
                            return data;
    },@(Html.ToJson(Model)))); Here is the data I received back from server
    0: {Id:11, Name:The Ohio State University, InstitutionIdentifier:810, City:null, StateId:null,…}City: nullCountryId: 0Id: 11InstitutionIdentifier: "810"Name: "The Ohio State University"StateId: null

  2. Jianwei
    Jianwei avatar
    20 posts
    Member since:
    Feb 2011

    Posted 21 Aug 2014 in reply to Jianwei Link to this post

    I also posted an example here
  3. Answer
    Georgi Krustev
    Georgi Krustev avatar
    3725 posts

    Posted 25 Aug 2014 Link to this post

    Hello Jianwei,

    I couldn't load the demo, because the server request failed (DNS server couldn't locate the server). Based on the given information, I suppose that there is a JavaScript error which breaks the widget. Could you wire the error event of the data source and check whether there are any errors?

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top