title: KendoUI Grid Custom Filter UI
body: <p>I am trying to implement a custom filter UI with a drop down box with some dummy data for now. I have followed the tutorial on the Kendo site (<a href="http://demos.kendoui.com/web/grid/filter-menu-customization.html" rel="nofollow">http://demos.kendoui.com/web/grid/filter-menu-customization.html</a>) but it just isn't working for me :(.</p>
  
  <p>Here is the function for the custom UI:</p>
  
  <pre><code>function relStatFilter(element)
    {
      element.kendoDropDownList({
        dataSource: ["Prospect", "Customer"],
        optionLabel: 'Select status'
      })
    }
  </code></pre>
  
  <p>And here is the column parameters it's being applied to:</p>
  
  <pre><code>...
  {
              field: 'relStat', 
              filterable: 
              {
                  ui: relStatFilter, 
                  extra: false
              }, 
              title: '&lt;abbr title=\'Relationship status\'&gt;Rel stat&lt;/abbr&gt;', 
              template: '#= ratio == 0 ? "&lt;span class=text-info&gt;Prospect&lt;/span&gt;" : relStat == "Active" ? "&lt;span class=text-success&gt;Active&lt;/span&gt;" : relStat == "At risk" ? "&lt;span class=text-warning&gt;At risk&lt;/span&gt;" : "" #', 
          }, 
  ...
  </code></pre>
  
  <p>When I click the filter all I get is the standard "starts with" and the text input.</p>
  
  <p>What have I missed?</p>