This is a migrated thread and some comments may be shown as answers.

TreeView expandTo not working

1 Answer 527 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

Hwigyeom asked on 26 Dec 2017, 06:44 AM

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>Kendo UI Snippet</title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.silver.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.mobile.all.min.css"/>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>

</head>

<body>

<div id="treeview"></div>

<script>

$("#treeview").kendoTreeView({

loadOnDemand: false,

dataSource: [

{ text: "foo", items: [

{ text: "bar", items: [

{ text: "baz" }

] }

] },

{ text: "one", items: [

{ text: "two", items: [

{ text: "three" }

] }

]

});

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

var baz = treeview.dataItem(treeview.findByText("baz"));

console.log('baz', baz);

treeview.expandTo(baz);

// expand all nodes up to "three"

var three = treeview.dataItem(treeview.findByText("three"));

console.log('three', three);

treeview.expandTo(three);

</script>

</body>

</html>

When the id field is removed from the snippet, 'three' item in the expandTo call is not expanded.

I remember that the above code worked fine in the 2015.1.422 version.

TreeView expandTo not working

1 Answer, 1 is accepted