如何检查 angularjs 中的剑道树视图数据绑定事件？

Question

我有一个提供结果的 API 调用，我将其分配为剑道树视图数据源。我很快就得到了 API 结果，但是结果太重了，构建/渲染剑道树视图需要时间。

所以我想保留一个加载图标，直到它被渲染。但我没有像 kendo-grid 那样找到任何 dataBound /widgetRendered 事件。

查看以下链接以供参考。这就是我使用 kendo.data.HierarchicalDataSource() 创建树的方式。

http://docs.telerik.com/kendo-ui/controls/navigation/treeview/how-to/AngularJS/toggle-nodes-with-single-click

我怎样才能拥有像 dataBound 或 WidgetRendered 这样的事件？

提前致谢。

Answer 1

给dataBound

看看我制作的DOJO - TreeView Databound with AngularJS。

您可以使用与kendoGrid 相同的k-options 属性

<div kendo-tree-view="tree"
     k-data-source="treeData"
     k-options="treeOptions">
</div>

在controller 中，k-options 将具有dataBound 函数。

$scope.treeOptions = {
   checkboxes: {
        template: "<input type='checkbox' #= item.disabled # />"
   },
   template: ' <span style="color: #= item.color #">#= item.text #</span>',
   dataBound: function(e){
       console.log(e.sender);
       //do whatever you want!
   }
};