New to Kendo UI for jQuery? Start a free 30-day trial

Load

methods

Loads the child nodes of a model.

load

Parameters:modelkendo.data.TreeListModel

The model that must be loaded.

Returns:Promise

A promise that will be resolved when the child nodes have been loaded, or rejected if an HTTP error occurs.

<script>
  var dataSource = new kendo.data.TreeListDataSource({
    transport: {
      read: {
        url: "https://demos.telerik.com/service/v2/core/EmployeeDirectory"
      }
    },
    schema: {
      model: {
        id: "EmployeeId",
        fields: {
          EmployeeId: { type: "number", nullable: false },
          parentId: { field: "ReportsTo", nullable: true }
        }
      }
    }
  });

  dataSource.read().then(function() {
    // load child nodes of first root item
    var root = dataSource.at(0);
    return dataSource.load(root);
  }).then(function() {
    // log child nodes of first root
    var root = dataSource.at(0);
    var children = dataSource.childNodes(root);
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(children);
  });
</script>