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

问题

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?

回答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.

来源：https://stackoverflow.com/questions/24036527/kendo-asp-net-mvc-grid-batch-mode-calculated-column-display-does-not-update