Why my kendo ui autocomplete only works at the first time after refresh browser?

[Jingyu]

Hi,

Would you please help me to find what reason cause my code only works at the first time after refresh browser?

Thank you very much!
J

The following is my code:-----------------------------------------------
<div >
    <input id="txtName"  data-role="autocomplete"    data-filter="startswith"   data-min-length="1" data-placeholder="Select a Name"  data-text-field="FullName"
           data-bind="value:inputsearchName, source: searchedName, enabled: isEnabled, events: { select: selectPerson, change: onChange}" />
    Name :<span data-bind="text: selectedPerson.LogonName"></span>
</div>
<script>
    var viewModel = kendo.observable({
        searchedName: new kendo.data.DataSource({
            transport: {
                read: {
                    cache: false,
                    url: "@Url.Action("GetNames")",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    type: "Get",
                }
                , parameterMap: function (options, operation) {
                    if (operation === "read") {
                        return {
                            startsWith: $("#txtName").data("kendoAutoComplete").value()
                        };
                    }
                }
            },
        }),
        selectedPerson: {},
        suggest: true,
        selectPerson: function (e) {
            var item = e.sender.dataItem(e.item.index());
            viewModel.set("selectedPerson", item);
        }
    });
    kendo.bind($(document.body), viewModel);
</script> 
C#-MVC Controller Code:----------------
public JsonResult GetNames(string startsWith)
        {
            List<AutoCompletionGroup> employeeList;
            employeeList = Employee.GetEmployeesByCriteria(startsWith);
            return Json(employeeList, JsonRequestBehavior.AllowGet);
        }

[Alexander Valchev]

Hi Jingyu,

I am afraid that the provided information is not sufficient enough in order to determine what exactly goes wrong.
Could you please provide a small but runnable test page which isolates the issue? Could you please specify what exactly you mean by "does not work" - do you have problems with the rendering, styling, binding or maybe anything else is not working?

Looking forward to your reply.

Regards,
Alexander Valchev
Telerik

 

 

[Dave]

This tripped me up also and since there is no answer given, my issue was I did not set serverFiltering to true.


$('#autocomplete').kendoAutoComplete({
    minLength : 3,
    filter : "contains",
    dataValueField : "key",
    dataTextField : "value",
    dataSource : new kendo.data.DataSource({,
serverFiltering: true,
        transport : {
            read : /* ...... */
        },
        schema : {
            /* object schema */
        }
    })
});