Kendo Asp.net MVC Grid Batch Mode Calculated Column Display does not update

Question

Using Kendo Asp.net MVC Grid in Ajax Batch Mode.

Having three columns - Qty, Rate, Total. Need to achieve real-time calculation on change. Written following function to update data.

function grid_change(e) {
    if (e.action === "itemchange") {
        var item = e.items[0];
        item.Total = item.Qty * item.Rate;
    }
}

But the column does not reflect the calculated value until focus is moved over it. How to update / refresh the cell display as soon as the change event is completed?

Answer 1

Changed the calculation statement (see below) and all the related columns started reflecting changes immediately after the focus was moved out.

function grid_change(e) {
    if (e.action === "itemchange") {
        var item = e.items[0];

        item.set("Total", item.Qty * item.Rate); // Changed to this
    }
}

Note: The columns that you are going to update at real-time must be editable.