剑道树视图扩展初始化不起作用

时间:2016-11-09 10:16:39

标签: angularjs kendo-ui treeview

我试图在初始化时扩展Kendo树视图的所有节点。 但是没有用。以下是我引用的解决方案: 1。http://dojo.telerik.com/UqOxa/2 2。http://www.telerik.com/forums/how-do-you-default-a-treeview-to-expanded-on-initialization

我的源代码: HTML:

<div id="kendoTreeViewSelector"
 kendo-tree-view="tree"
 k-data-source="treeData"
 k-on-change="selectedItem = dataItem"                     
 k-on-data-bound="onDataBound"
 ng-click="kendoTreeViewToggle($event)">
 <span k-template>
    {{dataItem.text}}
 </span>
</div>

角度控制器:

ServiceMenusRepository.getMenus(data.EmployeeNO, 2, selectType, SystemSN,
                function (data) {
                if (data.data) {
                    $scope.treeData = new kendo.data.HierarchicalDataSource({
                        data: data.data,

                    });

                    $scope.subMenuItems = data.data;

                    $scope.onDataBound = function (e) {

                        setTimeout(function () {

                            $scope.tree.expand(".k-item");;
                        });
                    }

                    $scope.kendoTreeViewToggle = function (e) {
                        var target = $(e.target);
                        var toggleIcon = target.closest(".k-icon");
                        if (!toggleIcon.length) {
                            this.tree.toggle(target.closest(".k-item"));
                        }
                    };
                    $timeout(function () {
                        initMenu();

                        menu2q.resolve();
                    }, 0);
                } else {
                    menu2q.resolve();
                }
            }, menuq.reject);

顺便说一句,我使用的是Kendo UI v2015.1.429。 这个问题有什么建议吗? 非常感谢!!

1 个答案:

答案 0 :(得分:1)

在TreeView的dataBound事件中,尝试:

e.sender.expand(".k-item");

来自http://demos.telerik.com/kendo-ui/dialog/treeview-integration的演示。我昨天刚刚使用它,我的树全部展开了。

您还可以尝试将expanded:true字段添加到data.data中的项目,就像此演示在为其HierarchicalDataSource设置数据时所做的那样:http://demos.telerik.com/kendo-ui/treeview/filter-treeview-in-dialog