title: Kendo multi select binding is not working
body: <p>I am using kendo multiselect control for my MVC application where i am trying to bind multiselect but it's not working.
  Below is my html code:</p>
  
  <pre><code>@(Html.Kendo().MultiSelect()
      .Name("ajaxTags")
      .Placeholder("Select cities...")
      .AutoBind(false)
      .DataTextField("CityName")
      .DataValueField("CityCode")
      .Filter(FilterType.StartsWith) 
      .BindTo(new SelectList("CityCode","CityName")) 
      .DataSource(source =&gt;
       {
          source.Read(read =&gt;
          {
              read.Action("GetCities", "DutyTravel"); 
          });
          source.ServerFiltering(true);                       
       })
       .HtmlAttributes(new { style = "width: 60%;" })
   )
  </code></pre>
  
  <p>So, here I am using <code>AutoBind(false)</code> so only when the user expands the, then it makes a server call and gets the data.</p>
  
  <p>And, below is my controller code:</p>
  
  <pre><code>public JsonResult GetCities([DataSourceRequest] DataSourceRequest request)
  {    
       List&lt;DutyTravelPerDiemMaster&gt; lstCities = null;
       lstCities = (List&lt;DutyTravelPerDiemMaster&gt;)HttpContext.Session["GetPerdiemList"];
       var lstFilteredCity = from d in lstCities
                                 select new
                                 {
                                     CityCode = d.CityCode,
                                     CityName = d.CityName
                                 };
  
  
       return Json(lstFilteredCity.ToList().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
  }
  </code></pre>
  
  <p>In this method, I see that all the city codes and city names are populating, but not showing in the multi-select.</p>