title: Binding Kendo Treeview to Hierarchical DataSource (remote data)
body: <p>I'm having some trouble getting my kendo TreeView to properly bind to HierarchicalDataSource. Currently, my page is set up where the user is able to make a few selections and then click a button to bind the TreeView based on their selections.</p>
  <p>The button click handler looks like this:</p>
  <pre><code>$(&quot;#btnAdd&quot;).click(function () {
    var treeData = new kendo.data.HierarchicalDataSource({
      transport: {
        read: {
          url: &quot;/myURL/&quot;,
          data: {&quot;id&quot;: JSON.stringify(multiselect.value())}, //this is the value from the first selection.
          datatype: &quot;jsonp&quot;,
          type: &quot;POST&quot;
        }
      },
      schema: {
        model: {
          id: &quot;HBClassID&quot;,
          children: {
            schema: {
              data: &quot;ActiveStudents&quot;,
              model: {
                id: &quot;ComboID&quot;
              }
            }
          }
        }
      }
    });
  
    $(&quot;#tvAjaxClass&quot;).kendoTreeView({
      dataSource: treeData,
      dataTextField: [&quot;HBFullName&quot;, &quot;Student.StudentFullName&quot;],
      checkboxes: {
        template: &quot;&lt;input type='checkbox' name='StudentClassID' value='#= item.id #' /&gt;&quot;,
        checkChildren: true
      }
    });
  });
  </code></pre>
  <p>The ajax call returns data that looks like this:</p>
  <pre><code>            [{
                  &quot;HBClassID&quot;: 23400, &quot;HBClassDesc&quot;: &quot;Johnson Tutoring Group&quot;, &quot;CourseNumber&quot;: &quot;&quot;, &quot;Section&quot;: &quot;&quot;, &quot;Period&quot;: &quot;&quot;, &quot;HBFullName&quot;: &quot;Johnson Tutoring Group&quot;,
                  &quot;ActiveStudents&quot;:
                      [
                          { &quot;HBClassID&quot;: 23400, &quot;StudentID&quot;: 21890, &quot;Student&quot;: { &quot;UserId&quot;: 21890, &quot;UserName&quot;: &quot;DFaast&quot;, &quot;UserFirstName&quot;: &quot;Doyle&quot;, &quot;UserLastName&quot;: &quot;Faast&quot;, &quot;StudentFullName&quot;: &quot;Doyle Faast&quot; }, &quot;ComboID&quot;: &quot;23400:21890&quot; }
                      ]
              }]
  </code></pre>
  <p>When I hit this function, the ajax call is made, the data is returned, and the top-level binds fine. Everything seems to work except there are never any child nodes when I expand a parent node. The weird part to me is that if I remove the transport portion of the HierarchicalDataSource and replace it with local data similar to this:</p>
  <pre><code>    $(&quot;#btnAdd&quot;).click(function () {
          var treeData = new kendo.data.HierarchicalDataSource({
              data: [{
                  &quot;HBClassID&quot;: 23400, &quot;HBClassDesc&quot;: &quot;Johnson Tutoring Group&quot;, &quot;CourseNumber&quot;: &quot;&quot;, &quot;Section&quot;: &quot;&quot;, &quot;Period&quot;: &quot;&quot;, &quot;HBFullName&quot;: &quot;Johnson Tutoring Group&quot;,
                  &quot;ActiveStudents&quot;:
                      [
           { &quot;HBClassID&quot;: 23400, &quot;StudentID&quot;: 21890, &quot;Student&quot;: { &quot;UserId&quot;: 21890, &quot;UserName&quot;: &quot;DFaast&quot;, &quot;UserFirstName&quot;: &quot;Doyle&quot;, &quot;UserLastName&quot;: &quot;Faast&quot;, &quot;StudentFullName&quot;: &quot;Doyle Faast&quot; }, &quot;ComboID&quot;: &quot;23400:21890&quot; }
                      ]
              }],
              schema: {
                  model: {
                      id: &quot;HBClassID&quot;,
                      children: {
                          schema: {
                              data: &quot;ActiveStudents&quot;,
                              model: {
                                  id: &quot;ComboID&quot;
                              }
                          }
                      }
                  }
              }
          });
  
          $(&quot;#tvAjaxClass&quot;).kendoTreeView({
              dataSource: treeData,
              dataTextField: [&quot;HBFullName&quot;, &quot;Student.StudentFullName&quot;],
              checkboxes: {
                  template: &quot;&lt;input type='checkbox' name='StudentClassID' value='#= item.id #' /&gt;&quot;,
                  checkChildren: true
              }
          });
      });
  </code></pre>
  <p>then the TreeView binds exactly the way that I want it to. I am able to expand an HBClass and see all of the ActiveStudents within it.</p>
  <p>Is there anything that would be different about binding to remote vs. local data?</p>