How to set the "Escape" key to UNDO and Leaving Cell editing in DataGrid ?

[Jonny]

Dear All,

            Base on Demo -> Cell Editing in DataGrid:
http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=
 
Is there any possibility to set "ESCAPE" key or any key to UNDO changes and leave the cell editing?

Please help me if anyone expert on this..
Thanks in advance.
 
Regards,
JONNY
 

[stworthy]

Bind the 'keydown' event on the editing box. When pressing the ESC key, cancel the current editing action. Please refer to the following code.

Code:

$('#dg').datagrid({
    onBeginEdit:function(index,row){
        var dg = $(this);
        var ed = dg.datagrid('getEditors',index)[0];
        if (!ed){return;}
        var t = $(ed.target);
        if (t.hasClass('textbox-f')){
            t = t.textbox('textbox');
        }
        t.bind('keydown', function(e){
            if (e.keyCode == 13){
                dg.datagrid('endEdit', index);
            } else if (e.keyCode == 27){
                dg.datagrid('cancelEdit', index);
            }
        })
    }
}).datagrid('enableCellEditing');

[Jonny]

Hello Stworthy,

       Thank you for giving sample code, it works !


Regards,
Jonny