title: Two Kendo UI TreeView on the same page
body: <p>I am using Kendo UI MVC extensions. I have one treeview on the page</p>
  
  <pre><code>&lt;script type="text/x-kendo-tmpl" id="template"&gt;
      &lt;div class="form"&gt;
          &lt;h3&gt;${Name}&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  
  @(Html.Kendo().ListView(Model)
        .Name("formsList")
        .ClientTemplateId("template")
        .TagName("div")
        .BindTo(Model)
        .DataSource(dataSource =&gt; dataSource
        .Model(model =&gt;
            { 
                model.Id(p =&gt; p.Id);
                model.Field(p =&gt; p.Name);
                model.Field(p =&gt; p.Fields);
            }))
        .Pageable()
        .Selectable(selectable =&gt; selectable.Mode(ListViewSelectionMode.Single))
        .Events(events =&gt; events.Change("onChange")))
  </code></pre>
  
  <p>When I click on the item I want to show <code>Fields</code> property in my Model in the separate TreeView down below.</p>
  
  <p>So far I have such code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function onChange(arg) {
          var dataSource = $("#formsList").data("kendoListView");
          var index = dataSource.select().index();
          var dataItem = dataSource.dataSource.view()[index];
  
          alert(dataItem.Fields);
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I can get the Fields property of the selected dataItem, but how should I pass it to the second TreeView?</p>