Accessing updated columns collection in columnReorder event

[Sherman]

columnReorder: function (e) {
    var grid = e.sender;
    for (var i = 0; i < grid.columns.length; i++) {
        console.log(grid.columns[i].field);
    }
}

This is returning the columns collection's ordering before the reorder occurs.  How do I access the new columns collection during the columnReorder event?

[Daniel]

Hello,

Indeed, the event is triggered before the columns are actually reordered so the columns array will be the old one. You could either use a timeout to wait for the columns to be reordered:

columnReorder: function (e) {
    setTimeout(function () {
        var columns = e.sender.columns;
    }, 0);
}

or the newIndex and oldIndex parameters to get the columns in the updated order.

var columns = e.sender.columns.slice(0);
var column = columns.splice(e.oldIndex, 1)[0];
columns.splice(e.newIndex, 0, column);

Regards,
Daniel
Telerik

 

 

[Steve]

This timeout works great! This trick should be in the main Telerik grid documentation.