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;
}
Не могу найти причину