Kendo TreeView Changed Event
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<button id="loadFilters">Load Filters</button>
<div id='tree'></div>
<br>
Expected tree view with it's children are unchecked
<br>
<div id='treeview'></div>
JavaScript
var actualData = [{
"text": "Filters",
"folderId": 999999,
"expanded": true,
"parentId": 0,
"folderNameKey": null,
"isChecked": true,
"items": [{
"text": "Customer",
"expanded": true,
"folderId": 101,
"parentId": 999999,
"isChecked": true,
"items": [{
"text": "Customer Segment",
"expanded": true,
"folderId": 12,
"parentId": 101,
"isChecked": true,
"items": [{
"text": "Segment 1",
"expanded": true,
"folderId": 30001,
"parentId": 12,
"isChecked": true,
"items": [{
"text": "A & L Construction",
"folderId": 30005,
"parentId": 30001,
"isChecked": true,
"items": null,
"expanded": false
}, {
"text": "A Duchini Inc",
"folderId": 30006,
"parentId": 30001,
"isChecked": true,
"items": null,
"expanded": false
}, {
"text": "A-Deck Inc",
"folderId": 30007,
"parentId": 30001,
"isChecked": true,
"items": null,
"expanded": false
}]
}]
}]
}]
}]
var newData = [{
"text": "Filters",
"folderId": 999999,
"expanded": true,
"parentId": 0,
"folderNameKey": null,
"isChecked": true,
"items": [{
"text": "Customer",
"expanded": true,
"folderId": 101,
"parentId": 999999,
...