title: creating kendo combobox with autocomplete functionality in MVC
body: <p>I want to create a razor kendo combobox with the autocomplete functionality. It should exactly work the same way as that of Kendo AutoComplete. The problem I am facing is that the filter happens only when I hover out and then hover in to the kendo combobox and the
  dropdown does not popup when the data is loaded. Can anyone please help me out with this.   </p>
  
  <p>Here is my View</p>
  
  <pre><code>@using Kendo.MVC.UI 
  @(Html.Kendo().ComboBox()
    .Name("autoComplete")
    .DataTextField("CustomerName")
    .Filter(FilterType.StartsWith)
    .DataSource(source =&gt; source.Read(read =&gt; read.Action("GetUserNames", "UserNames").Data("onStringChange"))
    .ServerFiltering(true))
    .HtmlAttributes(new { style = "width:20%;" })
    .Suggest(true)
    .AutoBind(false)
    .MinLength(2)
  ) 
  </code></pre>
  
  <p>Here is my Javascript</p>
  
  <pre><code>function onStringChange() {
    return {
      user: $("#autoComplete").val()
    };
  }
  </code></pre>
  
  <p>Here is my Controller Action Method :</p>
  
  <pre><code>public JsonResult GetUserNames(string user)
  {
    if (user != "")
    {
      _access = _data.GetUserNames(user);
    }
    return Json(_access, JsonRequestBehavior.AllowGet);
  }
  </code></pre>