DHTMLX "onEditCell" event called after "onClick" button event

Question

I have dhtmlXGridObject named mGrid.

I have attached validation event:

mGrid.attachEvent("onEditCell", function(stage, rId, cInd, nValue, oValue){...});

Also I have save button:

<input type="button" value="Save" onClick="onSaveClick();" />

All works fine except one situation: If I edit the data and leaving the cursor in the cell and click "Save" then the method "onSaveClick" is called first and only then "onEditCell" is called.

How can I perform calling "onEditCell" before "onSaveClick"?

Answer 1

This should do the trick:

Try closing the cell-editor first in your onSaveClick() function. This will trigger the onEditCell event.

function onSaveClick(){
    mGrid.editStop();

    //Your code...
}

Dhtmlx documentation editStop