title: kendo-ui mvc autocomplete does not display results
body: <p>I was able to get a working version using the js version <a href="http://dojo.telerik.com/@willtx111/oFolI/5" rel="nofollow noreferrer">dojo autocomplate</a> but I need it to work using the MVC version. I added <code>DataSourceRequest</code> in the controller as suggested below and changed a couple more items that got rid of the js error I was getting:</p>
  
  <pre><code>  //Fixed, added the schema definition
    Uncaught TypeError: e.slice is not a function
  </code></pre>
  
  <p>It appears to work as I trace it through the controller, which returns the expected json (below) but it doesn't finish wiring up as the spinner hangs and the results aren't displayed.</p>
  
  <pre><code>   {
     "Data": [{
      "EmployeeId": 2147483649,
      "EmployeeName": "Emily F Johnston",
      "Rating": 75.0,
      "LastAudited": null
     }, {
      "EmployeeId": 2147483687,
      "EmployeeName": "Joshua Smith",
      "Rating": 80.2,
      "LastAudited": null
    }, {
      "EmployeeId": 2147483656,
      "EmployeeName": "Thomas F Dunn",
      "Rating": 45.0,
      "LastAudited": "\/Date(1463893200000)\/"
    }, {
      "EmployeeId": 2147483660,
      "EmployeeName": "Marjon Christine Marik",
      "Rating": 88.0,
      "LastAudited": null
    }],
    "Total": 4,
    "AggregateResults": null,
    "Errors": null
   }
  </code></pre>
  
  <p>The controller:</p>
  
  <pre><code>     [HttpPost]
      public ActionResult EmployeeLookup(string text, [DataSourceRequest] DataSourceRequest request)
      {
          var filter = request?.Filters.FirstOrDefault() as FilterDescriptor;
          var search = string.Empty;
          if (filter != null)
          {
              search = filter.Value?.ToString() ?? string.Empty;
          }
          var employees = new List&lt;EmployeeLookupResultEntryViewModel&gt;();
          var results = _employeeService.EmployeeLookup(search);
  
          if (results == null)
              return Json(employees.ToDataSourceResult(request));
  
          return Json(results.ToDataSourceResult(request));
      }
  </code></pre>
  
  <p>The autocomplete definition:</p>
  
  <p>Also, I found this doco from Telerik that looks very similar to my use case <a href="http://demos.telerik.com/aspnet-mvc/autocomplete/template" rel="nofollow noreferrer">Telerik Custom Template</a> but it lacks showing the controller methods so I can't verify how they wired it up.</p>
  
  <pre><code>   @(Html.Kendo().AutoComplete()
                  .Name("Employees")
                  .DataTextField("EmployeeName")
                  .Placeholder("Search Employee")
                  .Filter("contains")
                  .IgnoreCase(true)
                  .MinLength(3)
                  .Delay(300)
                  .HighlightFirst(true)
                 .HtmlAttributes(new { style = "width:100%" })
                  .NoDataTemplate("Employee Not Found")
                  .DataSource(dataSource =&gt;
                  {
                     dataSource.Custom()
                               .ServerFiltering(true)
                               .Type("aspnetmvc-ajax")
                               .Transport(transport =&gt;
                               {
                                  transport.Read("EmployeeLookup", "Employee", new {area = "Client"});
                               })
                              .Schema(schema =&gt; {schema.Data("Data");});
                      })
                     .HeaderTemplate("&lt;div style=\"width: 400px;\" class=\"dropdown-header k-widget k-header\"&gt;" +
                                 "&lt;span&gt;Id&lt;/span&gt;" +
                                  "&lt;span&gt;Name&lt;/span&gt;" +
                                   "&lt;span&gt;Pwc Rating" +
                                    "&lt;span&gt;Last Audited&lt;/span&gt;" +
                      "&lt;/div&gt;")
                   .Template("&lt;span  style=\"width: 50px;\"&gt;#: data.EmployeeId #&lt;/span&gt;&lt;span class=\"cell\"&gt;#: data.EmployeeName #&lt;/span&gt;&lt;span class=\"cell\"&gt;#: data.PwcRating #&lt;/span&gt;&lt;span class=\"cell\"&gt;#: data.LastAudited #&lt;/span&gt;")
          )
  </code></pre>
  
  <p>I seem to be missing some config setting in the html because the json/datasouce is being returned, similarly to what the documentation states...yet the widget can't wire it up.</p>