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

ExpandPath

methods

Expands all nodes from a provided path array, including the last node. Nodes may be loaded from a remote end-point.

expandPath

Parameters:pathArray

The IDs of the nodes that need to be expanded.

completeFunction

Callback function that will be called once the path has been expanded.

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  dataSource: [
    { id: 1, text: "foo", items: [
      { id: 2, text: "bar", items: [
        { id: 3, text: "baz" }
      ] }
    ] }
  ]
});

var treeview = $("#treeview").data("kendoTreeView");

// expand the path of nodes with IDs 1, 2, and 3
treeview.expandPath([1, 2, 3]);

</script>

<button class="k-button">Expand</button>
<div id="treeview"></div>

<script>
  var datasource = new kendo.data.HierarchicalDataSource({
    transport: {
      read: {
        url: "https://demos.telerik.com/service/v2/core/Employees"
      }
    },
    schema: {
      model: {
        id: "EmployeeId",
        hasChildren: "HasEmployees"
      }
    }
  });

  $("#treeview").kendoTreeView({
    dataSource: datasource,
    dataTextField: "FullName"
  });

  $("button").click(function() {
    var treeview = $("#treeview").data("kendoTreeView");

    treeview.expandPath([2, 5]);
  });
</script>