angularjs - AngularJS 中的 KendoUI TreeView : how to load complete HierarchicalDataSource in a single server request?

Question

我编写了一个 KendoUI/AngularJS TreeView，它发出一个 GET 服务器请求来检索 JSON 数据。问题是树中只显示第一个节点，即使 JSON 响应包含完整的树。

我读到 here ，因为树使用 HierarchicalDataSource 有一个解决方法来获取完整的树。但是，解决方法不在 AngularJS 中，我无法弄清楚如何使用 k-options 属性加载树来实现它。如何在单个请求中加载和显示完整的树？

这是 HTML:

     <div ng-controller="ctrl">             
        <div id="treediv" kendo-tree-view="tree" k-options="treeOptions"></div>
     </div>

这是 JavaScript:

app.controller('ctrl', ['$scope','$http', function($scope,$http) {

    $scope.treeOptions = {
            dataSource: {
                transport: {
                    read: function (e) {
                         $http({
                              method: 'GET',
                              url: '/loadtree',
                              headers: {
                                   'Content-Type': 'application/json'
                              }
                            }).
                            success(function(data, status, headers, config) {
                                  e.success(data.tree);
                            }).
                            error(function(data, status, headers, config) {
                                  alert('System error');
                            });
                          }
                       }
                    }
                };
          }]);

Answer 1

答案是在 Controller 中实现一个 init 函数，该函数将在加载树之前填充完整的数据源(即通过 $http)。