如何在kendo网格中单击时更改行颜色

时间:2014-09-16 14:32:59

标签: events kendo-ui row kendo-grid

我有一个正确填充所有记录的Kendo网格。当我选择一个特定的行时,我想要更改该特定行的颜色。我只能选择一行,颜色正在改变。当我点击第二行的东西不起作用。我无法选择第二行和第一行保持选中。我也无法取消选择第一行。任何帮助将不胜感激。

这是OnChange事件:

    var grid = $("#GridTruck").data("kendoGrid");
    var selectedItem = grid.dataItem(grid.select());
    $("#GridTruck").selectedItem.Class("color", "green");
   Please help me where I am going wrong

1 个答案:

答案 0 :(得分:0)

您需要在网格上设置多行选择。

.Selectable(s => s.Mode(GridSelectionMode.Multiple).Type(GridSelectionType.Row))

您只是在选择时添加颜色,但在取消选择时无法删除颜色。而是改变k-state-selected css类,你不必手动操作它。

.k-grid .k-state-selected {
        color: green;
    }