Kendo ui mvc ızgarası koşullarına göre satır biçimlendirmek nasıl

Question

Asp.net mvc üzerinde çalışıyorum. Kendo mvc ui şebekesindeki mesajların listesini görüntülemeye çalışıyorum. ben de,

Html.Kendo().Grid((List<messages>)ViewBag.Messages)) 
       .Name("grdIndox") 
       .Sortable(m => m.Enabled(true).SortMode(GridSortMode.MultipleColumn)) 
       .HtmlAttributes(new { style = "" }) 
       .Columns(
       col => 
       { 
        col.Bound(o => o.RecNo).HtmlAttributes(new { style = "display:none" }).Title("").HeaderHtmlAttributes(new { style = "display:none" }); 
        col.Bound(o => o.NoteDate).Title("Date").Format("{0:MMM d, yyyy}"); 
        col.Bound(o => o.PatName).Title("Patient"); 
        col.Bound(o => o.NoteType).Title("Type"); 
        col.Bound(o => o.Subject); 

       } 

       ) 
       .Pageable() 
       .Selectable(sel => sel.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row)) 
       .DataSource(

          ds => ds.Ajax().ServerOperation(false).Model(m => m.Id(modelid => modelid.RecNo)) 
         .PageSize(10) 
          //.Read(read => read.Action("Messages_Read", "Msg")) 
       ) 

       .Events(ev => ev.Change("onSelectingGirdRow")) 
       ) 

kod yazdım ve ben IsRead-boolean tipi gibi tablodaki alanı var. Mesaj okunmamış mesaj ise, o yazıyı kalın yazı tipiyle biçimlendirmem gerekiyor. Ben clientTemplates kullandım ama bununla birlikte sadece belirli hücreleri biçimlendirebilirim. Lütfen bana yol göster.

Answer 1

Satırlarınızı değiştirmek için dataBound olayını kullanabilirsiniz.

dataBound: function() 
{ 
    $('td').each(function(){ 
    if(some condition...) 
     { 
     $(this).addClass('someBoldClass')} 
     } 
    }) 
} 

Answer 2

Sanja Eğer sınırlama olay kullanabilirsiniz ama elemanları (satırlar) tr dolaşmak için iyi olacaktır önerildiği gibi. Ayrıca, iletinin okunup okunmadığını gösteren özelliğin olup olmadığını kontrol etmek için ilgili dataItem'a ihtiyacınız olduğunu varsayalım.

örn.

dataBound: function() 
{ 
    var grid = this; 
    grid.tbody.find('>tr').each(function(){ 
    var dataItem = grid.dataItem(this); 
    if(!dataItem.IsMessageRead) 
     { 
     $(this).addClass('someBoldClass'); 
     } 
    }) 
}