title: How to rebind a Kendo ListView after changing template
body: <p>I'm attempting to rebind the listview data after changing the template, based on a DropDownList value. I've included a JSFiddle for reference. When I rebind currently the values in the template are undefined.
  Thanks!</p>
  
  <p><a href="http://jsfiddle.net/ripsin/MEXDt/" rel="nofollow noreferrer">JSFiddle link</a></p>
  
  <p>I was thinking the best way to handle it would be in the 'select' or 'change' function:</p>
  
  <pre><code>var cboDetailsCategory = $("#detail").kendoDropDownList({
  data: [
      "All",
      "Customer",
      "Location",
      "Meter",
      "Other"],
  select: function (e) {
  
      var template = $("#" + e.item.text()).html();
      console.log("template", template);
      $("#details").html(template);       
  },
  change: function (e) {
  },
  </code></pre>
  
  <p>please refer to the JSFiddle link and this graphic as a visual</p>
  
  <p><img src="https://i.stack.imgur.com/hESam.png" alt="UI shown after name search is complete and user clicked on a name"></p>
  
  <p>Here is a lengthier workflow:</p>
  
  <ol>
  <li>User completes a name search and clicks a search button.</li>
  <li>Name results are populated in a listview, rendered individually as button controls using a template.</li>
  <li>User then clicks one of the name results (shown as the button text).</li>
  <li>A dropdownlist of categories ('All' &lt;--default , 'Location', 'Customer'...) gives the user the ability to target what subject of data they want to see. 'All' is the default, showing all details about the selected name.</li>
  <li>So by default the 'All' template is populated.</li>
  <li>If user wants to see the 'Location' details (template) they select it from the dropdownlist.</li>
  <li>The template shows but the values are all blank. The only way to populate it is to click the name (button) again. 
  <img src="https://i.stack.imgur.com/n5zWG.png" alt="Showing blank values in template after template changed"></li>
  </ol>
  
  <p>I want to remove the need for having to re-click the button (name) to populate the template ('Location', etc...). </p>
  
  <p>I have put together a JSFiddle showing the structure. Though due to the data being private and served over secure network I cannot access it.</p>
  
  <p>Refer to JSFiddle:
  I believe the issue is that the onclick event grabs the data-uid and passes it to the initial default template (named 'All' but it's not included in code as it's lengthy). When the user changes the dropdownlist (cboDetailsCategory) and selects a new template I lose the data.</p>
  
  <p>Thanks for your help. I'm really stuck on this and it's a current show stopper.</p>