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

Question

有没有办法Kendo UI根据该单元格中的值有条件地格式化网格单元格。我还想根据值向网格单元格添加一个类。( ASP.net, C#, Razor)

附言

解决方案

啊，我想通了。

<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"))
            )
)

我不确定是否有更好的解决方案，但它可以完成工作。泰彼得

Answer 1

此代码库文章涵盖了您的问题。

Answer 2

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

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

此外，如果您使用$(e.sender.element).find('tr').each，那么您可以使用$(this.cells[0]).text()来检查网格中的各个列，您的班级作业将如下所示：$(this.cells[1]).addClass('customClass');