how to prevent save when enter key pressed in the text field

[Dongil Shin]

Hi, I'm having a problem that preventing automatic save when enter key pressed in the text field.

the code I'm looking in as follows.

function CheckEnterKey() {

    if (event.which == 13) {        

        event.preventDefault();

        var s = $('.nextstepdetails').val();

        $('.nextstepdetails').val(s + "");

        $('.nextstepdetails').focus();        

    }

}

// Edit template functions for MultiLine textbox

function createML() {

    return "<textarea class='form-control nextstepdetails' rows='1' cols='50' style='word-wrap:break-word !important;' onkeydown='CheckEnterKey()' onkeypress='CheckEnterKey()'>{{:NextStepDetail}}</textarea>";

}

the text field is styled as textarea. I don't want autosave when 'Enter' key pressed. I want to keep editing the text and just click 'Save/Update' button to save.

Thank you in advance!

Kind Regards,

[Thavasianand Sankaranarayanan]

Hi Dongil, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to prevent the Grid to save by clicking on the enter button in keyboard. So, we suggest you to set “allowKeyboardNavigation” as “false“ for ejGrid control. 

Refer the below code example. 

@(Html.EJ().Grid<object>("HierarchyGrid") 

             

            .AllowPaging() 

 

            .AllowKeyboardNavigation(false) // disable keyboard navigation of Grid 

 

            ---------------- 

             

 .Columns(col => 

            { 

                ----------------- 

           }) 

) 

We have prepared a sample and it can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/131495/ze/1634224836520.zip 

Refer the help documentation. 

Link: https://help.syncfusion.com/api/js/ejgrid#members:allowkeyboardnavigation 

If we misunderstood your query then please get back to us. 

Regards, 

Thavasianand S.