Check the TreeView Nodes Programmatically

Environment

Product	Progress® Kendo UI® TreeView for jQuery
Operating System	Windows 10 64bit
Visual Studio Version	Visual Studio 2017
Preferred Language	JavaScript

Description

How can I show lines between the nodes of the Kendo UI for jQuery TreeView?

Solution

The following example demonstrates how to programmatically select the checkbox of a TreeView node.

  <div id="tree"></div>

  <script>
    $("#tree").kendoTreeView({
      checkboxes: {
        checkChildren: true
      },

      dataSource: {
        data: [
          { text: "Foo", expanded: true, items: [
            { text: "Bar" },
            { text: "Baz" }
          ] }
        ]
      }
    });

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

    var bar = treeview.findByText("Bar");

    treeview.dataItem(bar).set("checked", true);
  </script>

See Also

• Basic Usage of the TreeView (Demo)
• Using the API of the TreeView (Demo)
• JavaScript API Reference of the TreeView