How to Remove the custom sorters applied on grid columns on grid reload?

[rajindarr]

On grid reload, how to remove the custom sorters applied on grid columns ? we tried to remove the store sorters on grid render(bad practice).

I hope there is already a solution provided in ext js new versions, to remove the sort icons on grid columns when it is reopened/reloaded.

[existdissolve]

Does this work for you?

grid.getStore().sorters.clear();
grid.getView().refresh(); 

Here's a live example of it: http://jsfiddle.net/existdissolve/vVSWT/

[rajindarr]

in my case when reloading the grid, the grid view is not refreshing . if we removed the sorters on grid reload grid will be loosing the sorters defined in store right?

[existdissolve]

Yeah, I believe if the store still retains the sort, the grid will inherit the current sorting state of the store, since the sorting on the grid is driven by the store.

So, if you reload the grid, you could add a listener to the render event and clear the bound store's sorters at that point:

mygrid.on( 'render',function( grid, opts ) {
    grid.getStore().sorters.clear();
})