How to reorder multiple columns programitcally

[Abhishek]

Hi,

 We want to reorder columns on the grid based on some event. So lets say Grid has 3 columns A, B, and C. And on a button click, we want the new order to B, C, and A. Now we used the reorderColumn() method and called it 3 times for each column. But since each call expects indices, and columns are ordered on each reorderColumn() call, I am unable to have the desired column order. So I am unable to find a generic solution for this which will reorder columns according to my specifications.

 Can you please let me know how I can fix this.

Thanks a lot.

[Dimiter Madjarov]

Hello Abhishek,


Here is a sample implementation which demonstrates how to achieve the current requirement.
E.g.

var newOrder = ["ShipName", "ShipCity", "ShipCountry"];
var grid = $("#grid").data("kendoGrid");

for (var i = 0; i < newOrder.length; i++) {
    var field = newOrder[i];

    $(grid.columns).each(function () {
        if (this.field === field) {
            grid.reorderColumn(i, this);
        }
    });
}

I have created an array which represents the names of the fields in the desired order. Then I am iterating over this array and the grid.columns object and reorder the columns.

I hope this information helps.

Regards,
Dimiter Madjarov
Telerik

 

 

[Abhishek]

Thanks a lot Dimiter for the quick response.
I was also thinking something similar, but this works like a charm.

Thanks a lot,
Abhishek

[Dimiter Madjarov]

Hello Abhishek,


Thanks for the updated. I am glad the solution resolved the issue.

Regards,
Dimiter Madjarov
Telerik