Kendo treeList 数据源 - 未绑定远程数据

Question

我已经为 treeList 编写了一个指令，并将数据从远程服务调用绑定到它。 下面是指令链接方法中 TreeListDataSource 的代码：

 scope.treeListOptions.dataSource = new kendo.data.TreeListDataSource({ transport: { read: function(options) { scope.getData().then(function(dataToBeDisplayed) { options.success(dataToBeDisplayed); }, function(error) { $log.error(error); }); }, error: function(e) { alert(e.status + e.errorThrown); }, }, }); scope.treeListOptions.dataSource.read();

以下是 TreeList 指令定义：

 var TreeListDirectiveDefinition = { restrict: 'E', replace: true, template: '<div><kendo-treelist k-options="treeListOptions"></kendo-treelist></div>', scope: { columns: '=', getMethod: '&' }, link: linkTreeList };

当我看到绑定到 scope.treeListOptions.dataSource.data() 的数据时，添加了许多新属性，如下所示：

 // parent element C.define.init PartExamined: "test" StudyUid: "1.3.6.1.4.1.30071.8.56809868014.4964677242993979.234.56616" _events: Object _loaded: true dirty: false hasChildren: true id: 1 parent: () parentId: null parentIdField: "parentId" uid: "1ca6302c-b1ad-493f-b002-d2032a548a80" __proto__: i.extend.i //child element C.define.init PartExamined: "test2" SeriesInstanceUid: "1.3.6.1.4.1.30071.8.56809868014.4964677242993979.234.56617" _events: Object _loaded: true dirty: false hasChildren: false id: 2 parent: () parentId: 1 parentIdField: "parentId" uid: "953bc7a7-e5e8-4f26-a120-b13402c6cce4" __proto__: i.extend.i

TreeListDataSource 添加了诸如parent: ()、parentIdField: "parentId"、_loaded: true、dirty: false、hasChildren: true 之类的属性。

这是正确的数据格式吗？ 因为 TreeList 正在显示"No records to display" 。

谁能帮我解决这个问题？

更新这里是为 treeList 创建的角度指令的链接： http : //jsfiddle.net/yuqorcvL/15/

该指令仍然无效。 任何帮助将不胜感激。

谢谢。

Answer 1

您应该在scope.treeListOptions.dataSource添加schema

schema: {
                        model: {
                            id: "EmployeeID",
                            parentId: "ReportsTo",
                            fields: {
                                ReportsTo: { field: "ReportsTo",  nullable: true },
                                EmployeeID: { field: "EmployeeId", type: "number" },
                                Extension: { field: "Extension", type: "number" }
                            },
                            expanded: true
                        }
                    }

看看kendo docs上的例子