Question

I have a javascript function. In thi function i am calling a button event like below.

$("#btnSave").trigger("click");

My query is , Is there any way to keep the control here on this line until the saving is done?
I have some code written underneath this line and it is being overridden.

Any suggestions?

Answer 1

It would have helped if you’ve posted some code.

You can do it in 2 ways:

1.) Use polling. After the trigger call use a loop to check for a flag that you must set when the save is complete. A timeout is needed for saving CPU from intensive js processing.

2.) Put the code to be executed after the trigger call inside a function. Pass this function as a callback to the onClick function.

    function onSaveClick(e) {
        //do my save stuff

        e.data.callback();
    }

No. 2 is recommended.
//attach onclick event
$(“#btnSave”).click(onSaveClick);

//you onclick function
function onSaveClick(event, callback) {
    //save data
    callback();
}

//trigger
$("#btnSave").trigger("click", afterSave);

//after save stuff
function afterSave(){
//do more stuff
}