title: How can I implement a multiple select for filtering in Kendo Grid ASP MVC?
body: <p>I'm developing an application with <strong>Kendo Controls of 2014</strong> (<strong><em>I don't have access to the newest one 2017 or 2018</em></strong>). In this project, I have several columns of the Foreign Key type like this one:</p>
  
  <pre><code>columns.ForeignKey(p =&gt; p.StatusID, (System.Collections.IEnumerable)ViewData["status"], "ID", "Name").HeaderTemplate("Status")
  </code></pre>
  
  <p>In order to create the grid I followed the basic example:</p>
  
  <p><a href="http://demos.telerik.com/aspnet-core/grid/foreignkeycolumn" rel="nofollow noreferrer">http://demos.telerik.com/aspnet-core/grid/foreignkeycolumn</a></p>
  
  <p>For the basic implementation, it looks and works as expected the users can select from a variety of Status or Users in the <strong>filtering</strong> and <strong>editing</strong> options.</p>
  
  <p>However, I would like to be able to select more than one at once. I tried to migrate this example, which is for <strong>Kendo for jQuery</strong>:</p>
  
  <p><a href="http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/filtering/multiselect-used-for-column-filtering.html" rel="nofollow noreferrer">http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/filtering/multiselect-used-for-column-filtering.html</a></p>
  
  <p>Where they implemented a <strong>Multi Select</strong>.</p>
  
  <p><a href="https://i.stack.imgur.com/nE7Vz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nE7Vz.png" alt="multiselect"></a></p>
  
  <p>That should be enough to satisfy my needs. I tried to migrate to the ASP MVC and now, it looks like this:</p>
  
  <pre><code>@model object
  
  @(
   Html.Kendo().MultiSelectFor(m =&gt; m)
      .BindTo((MultiSelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
  )
  </code></pre>
  
  <p>Basically, I replaced the Drop Down list into a Multi Select, but nothing changed my filtering is still displaying the normal Drop Down, there is no Multi Select:</p>
  
  <p><a href="https://i.stack.imgur.com/BmCDF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BmCDF.png" alt="dropdownlist"></a></p>
  
  <p>Maybe I should do more changes, but I don't know what else I should change; I would like to know if someone has ever experienced this before and how they handled it, I have tried multiple examples and codes, but my template newer changes, it's always the Drop Down List. Another interesting example, but it's in jQuery too, I haven't been able to find an implementation in ASP MVC:</p>
  
  <p><a href="http://jsfiddle.net/victordscott/5kbfY/" rel="nofollow noreferrer">http://jsfiddle.net/victordscott/5kbfY/</a></p>
  
  <p>Besides, I'm aware that what I would like to achieve is available since 2015 Q1:</p>
  
  <p><a href="http://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes" rel="nofollow noreferrer">http://demos.telerik.com/aspnet-mvc/grid/filter-multi-checkboxes</a></p>
  
  <p>Unfortunately, I don't have access to any newer version as I explained before. Thanks in advance for any idea.</p>