我想为kendo ui网格中的行设置样式.这是我的代码: //网格 @(Html.Kendo().GridModel() .Name("gridModel") .HtmlAttributes(new { @class = "table" }) .DataSource(x = x.Ajax() .Read("ReadData", "General") ) .Columns(c = { c.Bou
//网格
@(Html.Kendo().Grid<Model>() .Name("gridModel") .HtmlAttributes(new { @class = "table" }) .DataSource(x => x.Ajax() .Read("ReadData", "General") ) .Columns(c => { c.Bound(i => i.ID); ...........
//脚本
$("#gridModel").find("tbody > tr").addClass('myStyle');
// css
.myStyle{ background-color: #005850; }
但是,0,2,4,6 ……的行不能设置背景颜色作为我的愿望.我不知道发生了什么.请帮我!
尝试以下步骤:>将事件.Events(e => e.DataBound(“changeBackgroundColor”))添加到您的网格中
>添加javascript来处理DataBound事件
onDisableCheckControl:function(){
var grid = $(“你的网格ID”).data(“kendoGrid”);
var data = grid.dataSource.data();
$.each(data,function(i,row){
if(row.YourCheckAttribute!= null){
var element = $(‘tr [data-uid =“’row.uid’”]’);
$(元素).addCss( “更改背景”)
}
});
}
};
>添加CSS以更改背景颜色
yourgridId td {
背景颜色:黑色
}
希望能帮助到你!