我想为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 {
背景颜色:黑色
}
希望能帮助到你!
