Changing column orders of the grids

[Khushali]

Hi,

I have a kendo grid, and it's column definition is like this:

ColDef = [{
    field: "apple"
}, {
    field: "banana"
}, {
    field: "orange"
}, {
    field: "papaya"
}, {
    field: "grapes"
}];

Now, depending on certain conditions, i need to change the order of these columns. If the user selects "orange" from a drop down, i want that column to appear first and then the other columns. How can i achieve such functionality? please help.

Regards,
Khushali

[Gary]

You could keep the configuration around, modifiy it, clean out the existing grid with $grid.empty() and then reinitialize the grid with your modified configuration: $grid.kendoGrid({...})

[Ifdev02]

Hi
Could not use .empty() it trows exception

[Nohinn]

Ifdev02, by any chance did you try to apply the empty function to the kendoGrid data?
The empty function must be applied to the dom element, if even doing it this way it throws an exception then the problem is that you may have not loaded jquery before using the function.

[Ifdev02]

Hi 
I move up .empty() directly to dom element as you suggest and my misery resolved!
I am able to re template my grid as expected, I am hoping to turn in my project in time. Whoever you are you might have save one's life.