Highlight new/ edited row?

[Elliott]

Hi,
I am trying to get the functionality seen here:
http://www.jtable.org/
If you add or edit a row, there is some nice css that highlights the row.

What I have tried so far (using the MVC wrappers):
.Events(e => e
        .Save("onSave")
)

function onSave(e) {
        var grid = $("#grid").data("kendoGrid");
        var id = e.model.ID;
        var uid = grid.dataSource.get(id).uid;
        $("#grid tbody").find("tr[data-uid=" + uid + "]").addClass("row-changed");
}

.row-changed {
        background-color: red;
 }

Nothing is happening :(
Thanks!

[Iliana Dyankova]

Hi Elliott,

This scenario is not supported out-of-the-box by Kendo UI Grid, however you could try a custom implementation. As a possible approach I can suggest in the grid save event to get the updated row uid and set some custom styling to the aforementioned row in the dataSource sync event. For your convenience I prepared a simple jsBin example which demonstrates the suggested approach in action.

Regards,
Iliana Nikolova
Telerik