Gijgo Grid'de dinamik olarak satırlara farklı arka plan rengi nasıl ayarlanır?

Question

Tablo verilerini yönetmek için Gijgo ızgarası kullanıyorum.

Farklı satırların arka plan rengini ayarlamak isterim. Renkler modelde.

Görünüm

 grid = $("#grid").grid({ 
     dataSource: { url: '@Url.Action("Method", "MyController")', success: onSuccessFunc }, 
     dataKey: "Id", 
     uiLibrary: "bootstrap", 
     columns: 
     [ 
      { field: "Id", sortable: false, hidden: true }, 
      { field: "Name", sortable: false, hidden: true }, 
      { field: "Description", title: "Tipologia", sortable: false, width: "70%" }, 
      { field: "Value1", title: "Value 1", align: 'center', sortable: false }, 
      { field: "Value2", title: "Value 2", align: 'center', sortable: false }, 
      { field: "Edit", title: "", width: 34, type: "icon", icon: "glyphicon-pencil", tooltip: "Edit", events: { "click": Edit } } 
     ] 
    }); 

ViewModel Ben modelin özelliği backgroundColor için ızgaranın üst üste bir özelliği backgroundColor bağlamak için yapabileceğiniz Nasıl

public class ViewModel 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } 
    public string Description { get; set; } 
    public double? Value1 { get; set; } 
    public double? Value2 { get; set; } 
    public string Group { get; set; } 
    public string BackGroudColor { get; set; } 
} 

?

Çok teşekkür ederim.

Charles

Answer 1

iyi seçenek gijgo ızgarasının RowDataBound olayını kullanmak olacaktır.
Sen http://gijgo.com/Grid/Events/rowDataBound

Örnek bu olay hakkında daha fazla bilgi bulabilirsiniz 1:

grid.on('rowDataBound', function (e, $row, id, record) { 
    $row.css('background-color', id%2 === 0 ? '#FFFFFF' : '#CCCCCC'); 
}); 

Örnek 2:

grid.on('rowDataBound', function (e, $row, id, record) { 
    if (record.Name === 'something') { 
     $row.css('background-color', '#CCCCCC'); 
    } 
});