title: Custom column filter kendo ui grid
body: <p>i've implemented a custom ui filter on the column labourmeansstatusenum. But the function doesn't get called and so the filter doesn't have custom values.
  any ideas what i'm doing wrong?</p>
  
  <pre><code>       @(Html.Kendo().Grid&lt;Presentation.Mvc.Models.LabourMeans.LabourMeansViewModel&gt;()
  .Name("grid")
  .Columns(columns =&gt;
  {
      /**/
  
      columns.Bound(s =&gt; s.LabourMeansStatusEnum)
          .ClientTemplate("# if (LabourMeansStatusEnum  == 0){#" +
                                                                 "&lt;div id='outofservice'&gt;&lt;span class='label label-info arrowed-right arrowed-in'&gt;" + @Label.OutOfService() + "&lt;/span&gt;&lt;/div&gt;" +
                                                                 "#}else if (LabourMeansStatusEnum  == 1){#" +
                                                                 "&lt;div id='intreatment'&gt;&lt;span class='label label-info arrowed-right arrowed-in '&gt;" + @Label.InTreatment() + "&lt;/span&gt;&lt;/div&gt;" +
                                                                 "#}else if (LabourMeansStatusEnum  == 2){#" +
                                                                 "&lt;div id='inservice'&gt;&lt;span class='label label-info arrowed-right arrowed-in '&gt;" + @Label.InService() + "&lt;/span&gt;&lt;/div&gt;" +
                                                                 "#}#"
                                                                 )
                                                                 .Title("Status")
                                                                 .Filterable(filterable =&gt; filterable.UI("labourMeansStatusFilter"));
  
  
              .Filterable(filterable =&gt; filterable
              .Extra(false)
              .Operators(operators =&gt; operators
              .ForString(str =&gt; str.Clear()
              .IsEqualTo(@Label.IsEqualTo())
              .IsNotEqualTo(@Label.IsNotEqualTo())
              ))
              )
  
  
              .Resizable(resize =&gt; resize.Columns(true))
              .Pageable()
              .Scrollable()
              .Sortable()
              .Reorderable(reorder =&gt; reorder.Columns(true))
              .DataSource(dataSource =&gt; dataSource
                  .Ajax()
                  .Sort(sort =&gt; sort.Add("Id").Ascending())
                  .PageSize(10)
                  .Model(model =&gt; model.Id(s =&gt; s.LabourMeans.LabourMeans.Id))
                  .Read(read =&gt; read.Action("LabourMeans_Read", "LabourMeans"))
                 )
  
          )
  </code></pre>
  
  <p>the js filter function:</p>
  
  <pre><code>function labourMeansStatusFilter(element) {
      alert("test");
      element.kendoDropDownList({
          dataSource: [
              { Name: "Parent1", Id: 1 },
              { Name: "Parent2", Id: 2 }
          ],
          dataTextField: "Name",
          dataValueField: "Id"
      });
      alert("test5");
  }
  </code></pre>