Calling refresh() from within dataBound

[Serdar Kilic]

I'm having issues refreshing the grid after doing some work post data-bind.

Within the DataBound event on a Kendo Grid I have the following code block:

var items = this.dataSource.data();

for (i = 0; i < items.length; i++) {

    var row = this.dataSource.at(i);

    switch (row.ChangeStatus) {
        case 0:
            row.ChangeStatus = 'Pending';
            break;
        case 1:
            row.ChangeStatus = 'Approved';
            break;
        case 2:
            row.ChangeStatus = 'Declined';
            break;
        default:
            break;
    }
}

 

When I run this and put it through the debugger I can see that the values are updated pretty quickly. To then update the grid I'm calling this.refresh() but I'm seeing a massive slowdown (and sometimes the page becomes unresponsive).

If I remove the call to $('#gridPortChanges').data("kendoGrid").refresh(), the grid renders just fine (albeit with 0,1, 2 in the ChangeStatus field). Additionally, if I manually call refresh() from the developer after the page loads it too runs fairly quickly, so it's only an issue when called from dataBound.

[Georgi]

Hello Serdar,

The described behavior is expected since calling refresh in a function related to the data-binding mechanism of the Grid causes endless loop. In other words refreshing the grid leads to rebinding it, which leads to refreshing...

If you want to refresh the grid only once when the grid is bound to its data I recommend you to attach the handler using the one method. This way the handler will be executed only the first time dataBound is triggered.


Regards,
Georgi
Progress Telerik