如何有條件地格式化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網格單元格（取決於值）剃鬚刀

回答

相關問題