Prompting for a confirmation after a cell edit

[sudo]

How can I confirm saving a change on a cell edit once they have clicked out of that cell.  Tried this to no avail:

    grid.on("pqgridquiteditmode", function (evt, ui) {
        //exclude esc and tab
        if (evt.keyCode != $.ui.keyCode.ESCAPE && evt.keyCode != $.ui.keyCode.TAB) {
            saveChange();
        }
    });

    // dialog for saving the changes
    function saveChange() {
        $("#dialog-confirm-save").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Save Changes": function () {
                    grid.pqGrid("saveEditCell");
                    $(this).dialog("close");
                },
                Cancel: function () {
                    grid.pqGrid('quitEditMode');
                    $(this).dialog("close");
                }
            }
        });
    }


 

[paramvir]

Your post is similar to this one http://paramquery.com/forum/index.php?topic=359.msg2583#msg2583

you can delegate blur event to the cell, sample code is provided in this post

http://paramquery.com/forum/index.php?topic=359.msg3100#msg3100

Please let me know whether it solves your requirement.

Edit
----------------------------------------------------
Please ignore the above. It would only ensure a call to quitEditMode when you click outside the grid but it won't let you pause once quitEditMode is initiated. Let me check whether it's possible at all and I would share the details with you..

[paramvir]

sudo

Your code is not working because jQueryUI dialog can't pause the execution of javascript after the dialog is opened. So when you show the dialog, code execution proceeds further, editor is destroyed and there is no going back after that.

Though you can do it with confirm function because it holds up the execution of js.

Code: [Select]

// dialog for saving the changes
    function saveChange() {
            var ans = confirm("Do you want to save?");
            if (ans) {
                grid.pqGrid("saveEditCell");
            }
    }