kendo ui 基于数据单元格值的 mvc 网格自定义单元格

Question

我需要更改基于网格单元格的数据值的样式

columns.Bound(p => p.Status).Width(60).Filterable(ftb => ftb.Multi(true));

这一列只取两个值 "Open,Closed" 我需要添加 class="label label-success" 当值 = Closed 和 class="label label-danger" 当值 = 打开

谢谢

Answer 1

请尝试使用以下代码片段。

columns.Bound(c =>c.Status).Title("Status").ClientTemplate("#if(Status=='Open') {#" +
                      "<label class='label label-success'>#=Status#</label>" +
                      "# } else {# " +
                        "<label class='label label-danger'>#=Status#</label>" +
                       "# } #").Width(60).Filterable(ftb => ftb.Multi(true));

如有任何疑问，请告诉我。