Kendo UI

jQuery + Kendo UI + MockJax + Knockout

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<div id="treeview"></div>
<div id="listview"></div>

JavaScript

var item1 = new kendo.data.Node({
    foo: 'bar'
});
var item2 = new kendo.data.Node({
    foo: 'baz'
});
var item3 = new kendo.data.Node({
    foo: 'bax'
});

var treeData = new kendo.data.ObservableArray([item1, item2]);
var listData = new kendo.data.ObservableArray([item2, item3]);

console.log(treeData[1].uid)
$("#treeview").kendoTreeView({
    dataSource: treeData,
    template: '<div>#= item.get("foo") #</div>'
});
console.log(treeData[1].uid)

console.log(listData[0].uid)
$("#listview").kendoListView({
    dataSource: listData,
    template: '<div>#= foo #</div>'
});
console.log(listData[0].uid)

item2.set('foo', 'changed');
// I expect treeview's first item to also change to "changed",
// but the observable was rewrapped and it doesn't get updated.