jqGrid need to perform default action of onPaging event after executing custom function

Question

I have a jqGrid in which when I click on the next/previous page, I want to execute some custom function (which saves the uncommitted changes done using inline editing) and once that function finishes execution, I want the default action of onPaging event to execute (i.e. load next page data).

onPaging: function (pgButton) {
    clickedSaveAll = false;
    BulkSave();
}

Actual output : The default action triggers before the custom function.
Please help.

Answer 1

It's not full clear what you do inside of BulkSave. It's important to understand that onPaging callback should work synchronously. If you need to make some asynchronous Ajax call to the server for example that you can do the following:

1. you can analyse pgButton value to calculate which page will be loaded as "default action" of paging.
2. you can use return "stop"; as the last statement of onPaging callback. It prevents default actions.
3. you can include .trigger("reloadGrid", {page: savedPage}); at the end of your custom action BulkSave. It will simulates "default action" of paging after your custom action will be finished.