javascript - 带有 kendo ui 的嵌套数据源和 TreeView

Question

我在将分层数据源与 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

有任何想法吗？