title: Kendo template using nested / multidimension observable
body: <p>My goal is to create a simple navigation dropdown menu with nested levels (<a href="http://www.stunicholls.com/menu/pro_dropdown_1.html" rel="nofollow noreferrer">like this</a>). And I'd like to use an observable for it (unless there's a better solution).</p>
  
  <pre><code>var menuitems = ko.observable([
      { name: "item1", children: [
          { name: "item1-1", children: []},
          { name: "item1-2", children: []}
      ] },
      { name: "item2", children: [] },
      { name: "item3", children: [
          { name: "item3-1", children: []},
      ] },
      { name: "item4", children: [] }
  ]);
  </code></pre>
  
  <p>Then I'd use an unordered list to build the navigation...</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;a&gt;item1&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a&gt;item1-1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a&gt;item1-2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a&gt;item2&lt;/a&gt;
      &lt;/li&gt;
      ... etc ...
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is there a way to do this with a template. Maybe using a nested template or Kendo <a href="http://docs.kendoui.com/getting-started/framework/hierarchicaldatasource/custom-binding" rel="nofollow noreferrer">hierarchical datasource</a> with hasChildren or something?</p>
  
  <p>This is very similar to a <a href="https://stackoverflow.com/questions/15814603/working-with-knockout-foreach-looping-through-multidimensional-array">previous SO question I posted</a>, but I'm no longer using Knockout.</p>
  
  <p>Any ideas to accomplish this?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>I'm not sure if Kendo Menu is suitable. I need each nav item to load a view based off a few templates. So I'll have a data-tmpl-type attribute on each menu item so the app knows which template to load. I also need a data-view attribute to know which view to load into each template ...if that makes any sense.</p>
  
  <p>I haven't figured out a way to do this with Kendo Menu.</p>