2014-06-17 36 views
3

我想爲劍道UI網格中的行設置樣式。這是我的代碼:無法爲劍道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,...不能像我的願望那樣設置背景顏色。我不知道發生了什麼。請幫幫我!

+0

目前的結果是什麼..? –

+0

'(「tbody> tr:first-child」)'? – potashin

回答

3

嘗試以下步驟:

  1. 添加事件.Events(E => e.DataBound( 「changeBackgroundColor」))到您的網格

  2. 添加JavaScript來處理數據綁定事件

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

希望它有幫助!

2

如果你的jQuery是工作正常,即增加"myStyle"類第一<tr>(這個你可以檢查通過檢查元素)然後檢查你的第一個<tr>'s <td>標籤,他們肯定有一些類或樣式應用於它們將覆蓋".myStyle"性能

2

改變第一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/