Первый раз родительский и дочерний флажок не установлен в древовидной структуре Kendo UI с Angularjs 1.6 - PullRequest
Новая
       11

Первый раз родительский и дочерний флажок не установлен в древовидной структуре Kendo UI с Angularjs 1.6

0 голосов
/ 27 июня 2018

Я интегрировал Kendo UI v2017.3.1206 (http://www.telerik.com/kendo-ui) древовидный с угловым 1,6.

У меня есть одна странная проблема, например, когда я впервые нажимаю на любой родительский флажок, он не выбирает дочерние чекбоксы, и во второй раз, когда я нажимаю на любой родительский флажок, он работает нормально.

Я генерирую источник данных из базы данных на основе выбранной опции из выпадающего списка. Поэтому, когда пользователь меняет выбор из выпадающего списка, я генерирую новый источник данных в контроллере и перепривязываю его в виде дерева.

На моей консоли нет ошибок javascript.

У меня есть настройки дерева ниже, настроенные на моем контроллере:

Код в моем файле контроллера: 

            vm.treeViewOptions = {
                dataSource: formatedDataSource,
                dataTextField: "text",
                checkboxes: {
                    checkChildren: true
                },
                loadOnDemand: false,
                expandAll: false,
                dataBound: function(e) {
                    if(e.node){
                        e.sender.expand(e.node);    
                    }

                },
                check: function(e) {
                    /* Change color to light blue for text if checkbox is checked for treeview */
                    var checkboxstatus = $(e.node).find("input:checkbox").prop('checked');
                    if (checkboxstatus) {
                        $(e.node).find('span.k-in').addClass('selectedItem');
                    } else {
                        $(e.node).find('span.k-in').removeClass('selectedItem');
                    }
                    setTimeout(function() {
                        $scope.$apply(function() {
                            vm.selectedPermissionCount = getCheckedItems(e.sender).length;
                        });
                    })
                },
                select: function(e) {
                    e.preventDefault();
                }
            }

Код в моем HTML-файле: 

    <div id="treeview" class="float-left bd-x-0 bd-y-0" k-options="vm.treeViewOptions" k-rebind="vm.treeViewOptions" kendo-tree-view="tree">

Пожалуйста, дайте мне знать, если есть какие-либо решения для этого.

...