如何有条件地格式化Kendo UI网格单元格（取决于值）剃须刀

有没有一种方法可根据单元格中的值有条件地格式化Kendo UI网格单元格。我也想根据值添加一个类到网格单元。（ASP.net，C#，Razor）如何有条件地格式化Kendo UI网格单元格（取决于值）剃须刀

P.S

解决方案

啊我已经想通了。

<script> 
    function onDataBound(e) { 
     $('td').each(function() { 
      if ($(this).text() == 'Condition') { 
       $(this).addClass('customClass'); 
      } 
     }); 
    } 
</script>

电网看起来像这样

@(Html.Kendo().Grid<CustomStylesOnDataBound.ViewModels.EmployeeViewModel>() 
       .Name("mvcGrid") 


       .Columns(columns => 
       { 
        columns.Bound(p => p.EmployeeId).Width(100); 
        columns.Bound(p => p.FirstName).Width(75); 
        columns.Bound(p => p.LastName).Width(75); 
        columns.Bound(p => p.Address); 
       }) 
       .Events(e => e.DataBound("onDataBound")) 
       .Filterable() 
       .Pageable() 
       .DataSource(dataSource => dataSource 
       .Ajax()         
       .PageSize(50) 
       .Read(read => read.Action("Employees_Read", "Home")) 
      ) 
)

我不知道是否有更好的解决这一点，但它能够完成任务。 Ty彼得

来源

2013-07-30 azza idz

您的问题已涵盖在this代码库文章中。

来源

2013-07-30 07:47:21

感谢您快速的答案，但是这仅仅是用于格式化整个有用行，而我只需要根据值来格式化单个单元格。是否有可能只修改单个单元格？ –

我已添加解决方案的原始帖子！ –

我建议你使用$(e.sender.element).find('td').each作为选择器。

添加$(e.sender.element)将限制您的搜索只是网格，否则，如果你有多个表，你也可以在其他表中找到单元格。

此外，如果你使用$(e.sender.element).find('tr').each，那么你可以使用$(this.cells[0]).text()查看在您的网格各列和你的课堂作业是这样的：$(this.cells[1]).addClass('customClass');

来源

2014-01-08 16:42:12

如何有条件地格式化Kendo UI网格单元格（取决于值）剃须刀

回答

相关问题