当前位置 : 主页 > 网页制作 > JQuery >

jquery – 无法为kendo ui网格中的第一行设置样式

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想为kendo ui网格中的行设置样式.这是我的代码: //网格 @(Html.Kendo().GridModel() .Name("gridModel") .HtmlAttributes(new { @class = "table" }) .DataSource(x = x.Ajax() .Read("ReadData", "General") ) .Columns(c = { c.Bou
我想为kendo ui网格中的行设置样式.这是我的代码:

//网格

@(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 {
  背景颜色:黑色
}

希望能帮助到你!

网友评论