<!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.