如何更改 Telerik ASP.NET 网格的文本颜色

Question

<%= Html.Telerik().Grid(Model)
    .Name("Grid")
    .ClientEvents(events => events.OnDataBinding("Grid_onDataBinding"))
%>

<script type="text/javascript">
    function Grid_onDataBinding(e){
        //handling code
    }
</script>

我需要更改databind 事件中每列文本的颜色。如何在 Telerik Grid 中通过 JavaScript 访问 Rowdata？

Answer 1

您必须处理绑定行时触发的 RowDataBound 事件。这将使您可以访问该行 (TR)。

...
.ClientEvents(events => events.OnRowDataBound("Grid_onRowDataBound"))

function Grid_onRowDataBound(e) {
    var row = e.row;
    var dataItem = e.dataItem;

    row.className = "your-class-name";
    // Can also use row.cells
    // row.cells[1].innerHTML = "<span class='class-name'>" + dataItem.text + "</strong>";
}

样式

tr.your-class-name {
    color: red;
}