Kendo Tree list удаляет классы css после развертывания и свертывания узлов

Я добавил классы CSS к определенному дочернему элементу в списке дерева кендо в DataBound Event как:

dataBound: function (e) {                      
    var treeview = $("#grid").data("kendoTreeList");
    var treeData =  treeview.dataSource.data();

    for(var i =0; i< treeData.length; i++) {
        if(treeData[i].parentId ==1 || treeData[i].parentId == 2 || treeData[i].parentId==3) {
            var row = treeview.content.find("tr[data-uid=" + treeData[i].uid + "]");
            row.addClass("grossMarginSegment");
        }
    }
}

Также тот же класс применяется к трем родительским элементам следующим образом:

var dataItem =  treeview.dataSource.get(1);
var row = treeview.content.find("tr[data-uid=" + dataItem.uid + "]");
row.addClass("grossMarginSegment");    

var dataItem =  treeview.dataSource.get(2);
var row = treeview.content.find("tr[data-uid=" + dataItem.uid + "]");
row.addClass("grossMarginSegment");

var dataItem = treeview.dataSource.get(3);
var row = treeview.content.find("tr[data-uid=" + dataItem.uid + "]");
row.addClass("grossMarginSegment");

Когда я раскрываю и сворачиваю некоторые узлы в древовидном представлении, классы, применяемые к некоторым узлам, удаляются.
Код в событии exapnd:

expand: function (e) {                  
    Title = e.model.Title;
    ParentId = e.model.parentId;                   
}   

Не могу найти причину

0 ответов

Другие вопросы по тегам