[英]How to change row color in Kendo UI Grid based on hidden column ID?
我有一个KendoGrid,还有一个轿跑车隐藏的ID列,当globalGroupLevel为0时,我需要更改行的颜色。我不确定如何执行此操作,因为我是从外部javascript文件生成网格的。 我查看了kendo文档,它们显示了与我需要使用模板执行的操作类似的操作,但是那是当所有操作都在视图中完成而不是从外部javascript文件完成时。 任何想法或方向都会有很大帮助。
这是网格
$("#CatalogGrid").kendoGrid({
dataSource: {
data: catalogData
},
columns: [
{ field: "globalGroupID", title: "Group ID", hidden: true },
{ field: "globalGroupLevel", title: "globalGroupLevel", hidden: true },
{ field: "globalGroupName", title: "Group Name", width:350 },
{ field: "isRequired", title: "!", width:20 },
{ field: "optionName", title: "Option Name" }
],
change: function (e) {
},
scrollable: true,
pageable: false,
selectable: "row",
height: 500
});
您可以为此使用Grid dataBound事件。 请参阅我为您制作的Dojo 。
dataBound: function(e) {
var data = this.dataSource.data();
$.each(data, function (i, row) {
if (row.get("globalGroupLevel") == 0) {
var element = $('tr[data-uid="' + row.uid + '"] ');
element.addClass("colored-row");
}
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.