I've changed my method to sort on multiple columns to this:

function sortOnMultipleCols(){

         $('#grid').setGridParam({sortname:'col1,col2,col3'});
         $('#grid').trigger(”reloadGrid”);

}

I have a problem which only occurs in IE (I use jqgrid 3.5.3). I have a jqgrid which can be searched using a search inputfield and a searchbutton. I also have a button at the bottom of my page to sort the jqgrid on multiple columns.

When clicking that sort button,the first thing I have to do is call clearSearch, and then I do an ajax call to get my jqgrid data sorted, and i add that data to the grid using addJSONData. But in IE, when the sort button is clicked, first the values appear sorted in the grid, but immediately after that the grid data returns to its previous state. This only happens the first time after the page is loaded. When I click the sort button a second time, the data appears sorted in the grid as it should be.

I think this is because clearSearch also posts a call to the server to retrieve the data, but somehow in IE this call is executed after my own ajax call, even though I call clearSearch before my own ajax call.

function sortOnMultipleCols(){

    sg[0].clearSearch();

    //post ajax call to the server to retrieve the data sorted on multiple columns

    //the result of this call ='msg'

    $('#grid')[0].addJSONData(msg);
    $('#grid').setGridParam({sortname:'col1,col2,col3'});

}

I'm sorry if my explanation isn't very clear, please tell me if you need more information.

Thanks in advance for the help!