title: Kendo DropDownList Search on template modified text
body: <p>I am unable to get the built-in search for <a href="http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist" rel="nofollow noreferrer">Kendo DropDownList</a> to use the templated text instead of the raw text from the dataSource.  I want to strip off the leading slash from the dataSource name for display, value, and search purposes.</p>
  
  <pre><code>&lt;script&gt;
  $("#dropdownlist").kendoDropDownList({
    dataSource: [ "/Apples", "/Oranges" ],
  
    // None of these templates appear to fix the search text.  
    // Kendo is using the dataSource item to search instead of the template output.
    // I want to be able to search using 'a' (for Apples) or 'o' (for Oranges).  
    // If I use '/' then it cycles through the items which proves to me that the search is not using templated text.
  
    template: function(t) { return t.name.slice(1); },
    valueTemplate: function(t) { return t.name.slice(1); },
    optionLabelTemplate : function (t) { return t.name.slice(1); },
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is a non-working sample in Kendo's UI tester: </p>
  
  <p><a href="http://dojo.telerik.com/@Jeremy/UvOFo" rel="nofollow noreferrer">http://dojo.telerik.com/@Jeremy/UvOFo</a></p>
  
  <p>I cannot easily alter the dataSource on the server side.  </p>
  
  <p>If it's not possible to change how the search works then maybe there is a way to alter the dataSource after it's been loaded into the client from the server?</p>