如何在angularjs中检查Kendo树视图数据绑定事件?

时间:2016-05-03 05:12:18

标签: javascript angularjs telerik kendo-treeview

我有一个API调用,它给出了结果,我将它指定为kendo树视图数据源。我很快得到API结果,但结果太重,需要时间来构建/渲染剑道树视图。

所以我想保留一个加载图标,直到它被渲染。但是我找不到任何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这样的事件?

提前致谢。

1 个答案:

答案 0 :(得分:0)

适用于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!
   }
};