Gridview exit edit mode using ESC and JavaScript

Question

Is is possible to exit the edit mode in a Gridview using JavaScript when a key (ex. ESC) is pressed?

Thank you

score 0 · Answer 1 · edited May 23 '17 at 12:29

0

You can catch the escape key press using JavaScript, check this answer: How to detect escape key press with JavaScript or jQuery? (using JQuery)

The switch out of the GridView's edit-mode has to happen on the server side, so you need to invoke a post-back from JavaScript. An easy way to do this is adding a normal ASP.Net button to your page, hiding it with CSS, and then invoking it's click method using JQuery.

Sample:

<asp:Button id="btnPostBackHook" runat="server" onClick="MyServerSidedMethod" style="display: none;" />
<script type="text/javascript">
$(document).keyup(function(e) {
    if (e.keyCode == 27) {
        $('#<%=btnPostBackHook.ClientID%>').click();
    }
});
</script>

edited May 23 '17 at 12:29

Community

1
1

answered Jan 11 '12 at 14:38

Vinz

2,010
1
13
16

Once you've posted back to the server, I believe you can set `myGridView.EditIndex = -1;` to exit edit mode. – Josh Darnell Jan 11 '12 at 15:17
I have already done the catch for the escape key but how do I invoke the postback using your idea? Can I see the code?Thanks – D_D Jan 11 '12 at 16:18
I've added a sample to my answer. – Vinz Jan 17 '12 at 13:43

Gridview exit edit mode using ESC and JavaScript

1 Answers1