無法為kendo ui網格中的第一行設置樣式

Question

我想為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 ......的行不能設置背景顏色作為我的願望。 我不知道發生了什么。 請幫我！

Answer 1

嘗試以下步驟：

1. 將事件.Events（e => e.DataBound（“changeBackgroundColor”））添加到網格中

2. 添加javascript來處理DataBound事件

   onDisableCheckControl: function () { var grid = $("Your 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 + '"] '); $(element).addCss("change-background")
} }); } };

3. 添加CSS以更改背景顏色yourgridId td {background-color：black}

希望能幫助到你！

Answer 2

如果你的jquery運行正常，即將"myStyle"類添加到第一個<tr> （這可以通過inspect元素檢查）然后檢查你的第一個<tr>'s <td>標簽，肯定他們有一些類或樣式應用於它們它會覆蓋".myStyle"屬性

Answer 3

改變第一個tr的顏色只需使用tbody tr:first

<script>
$(document).ready(function() {  
$("#gridModel").find("tbody > tr").addClass('myStyle');  
$("#gridModel").find("tbody tr:first").addClass('desirecolor'); 

})  


 </script>

http://jsfiddle.net/8M7Cw/