jquery - 每行的 Kendo UI : grid: conditional style based on compare of the values in 3rd and 4th cells,

Question

我不知道如何提取第三个和第四个单元格(TD)中的值来比较它们。如果它们具有相同的值，我想向该行添加一个 cssClass；也不知道该怎么做:

 $("#grid tr").each(function() {


           var theValueInCell3 = ?   // how to get the cell's value?
           var theValueInCell4 = ?   // how to get the cell's value

           if (theValueInCell3 == theValueInCell4)
             {

                  //pseudo-code to add a cssClass to the row
                  $(this).addClass('foo');
             }

    });

编辑:这是我试图遵循@Pechka建议的最新尝试:

   .
   .
   .
   if (grid != null) {
    grid.dataSource.data(parsedData);        
    setTimeout(StyleRows, 500);
  }


  function StyleRows() {

      var grid = $('#grid').data('kendoGrid');
      $("#grid tr").each(function () { 
         var dataItem = grid.dataItem(this);   // dataItem is undefined
         if (dataItem.PropA == dataItem.PropB) {
            $(this).addClass('foo');
        }

    });
   }

错误是 dataItem 未定义。

Answer 1

您好，我建议您使用dataItem方法用于检索与该行相关的底层模型。例如

var grid = $('#grid').data().kendoGrid;
$('#grid tr').each(function(){
     var dataItem = grid.dataItem(this);
     if(dataItem.PropName == dataItem.SomeOtherProp){
          $(this).addClass('foo');
     }
})