Вложенные источники данных и TreeView с пользовательским интерфейсом кендо

У меня проблемы с иерархическим источником данных в сочетании с TreeView и вложением. Цель состоит в том, чтобы показать древовидное представление с корневыми элементами, такими как «сотрудники», «профили» и подэлементы, являющиеся актуальными элементами. Таким образом, каждый корневой элемент использует другой источник данных. Это не работает, так как корневые узлы не расширяются, а источник данных загружается идеально. Вот код:

$(document).ready(function() {
var userProfileDataSource  = new kendo.data.HierarchicalDataSource( {
            transport: {
                read: function (options) {
                    var items = [
                        {
                            text: "userprofile 1",
                            hasChildren: false
                        },
                        {
                            text: "userprofile 2",
                            hasChildren: false
                        }
                    ];
                    options.success(items);
                }
            }
        }),
    categories = new kendo.data.HierarchicalDataSource({
            transport: {
                read: function(options) {
                    options.success([
                        {
                            text: "Employees",
                            hasChildren: false
                        },
                        {
                            text: "UserProfiles",
                            children: userProfileDataSource,
                            hasChildren: true
                        }
                    ]);
                }
            }
        });

   $("#navigation-treeview").kendoTreeView( { dataSource: categories } );
});

JSFiddle

Есть идеи?