javascript - 如何检查 angularjs 中的 Kendo Treeview 数据绑定(bind)事件？

Question

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

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

检查以下链接以供引用。这就是我使用 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 我做了。

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

<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!
   }
};