Web Grid with Incell editing and keyboard navigation - not accepting ENTER for new lines on textarea

[gonzalo almada]

Hi,

I have a grid configured on ASP MVC using Razor with a custom editor template, to show a textarea for editing a big text field.

The grid as per client requirements, needs to allow incell edit and keyboard navigation.

The problem I'm having is that having that configuration doesn't allow me to press Enter key for adding new lines on the textarea while editing, instead cause the cell get out of edit mode.

Couldn't find a way to suppress that behavior nor to change it.

Any ideas?

[Vladimir Iliev]

Hi Gonzalo,

 
You can attach "keydown" event handler to the TextArea in which to check if current key is "enter" to stop the event from bubbling:

Example editor template:

@model string

@(Html.TextAreaFor(m => m, new { onkeydown = "stop()"}))

<script>
    function stop() {
        if (event.keyCode == 13) {
            event.stopPropagation();
        }
    }
</script>

Kind Regards,
Vladimir Iliev
Telerik