How to Move the cursor to the next cell edit mode when enter key pressed.

hi,
Please let me know a way to focus the cursor to the next cell when the enter key is pressed in batch updating mode.
Thank you,
Kalum

3 Replies

VA Venkatesh Ayothi Raman Syncfusion Team November 20, 2017 05:35 AM UTC

Hi Kalum, 

Thanks for using Syncfusion products. 

We have achieved your requirement using keySettings API and load event in Grid. In Grid load event, we can change the enter key action for move to next cell instead of next line while using batch editing.  
Refer to the following code example, 
[Grid] 
 
@(Html.EJ().Grid<OrdersView>("FlatGrid") 
        . . . 
        .AllowPaging() 
        .ClientSideEvents(e=>e.Load("onLoad")) 
        .Columns(col => 
        { 
            . . . 
        })) 
 
<script type="text/javascript"> 
    function onLoad() { 
 
       this.model.keySettings = { moveCellRight:"13",saveRequest:" " };//change the enter key action using keySettings API 
    }     
 
</script> 

Help documentation

Please let us know if you have any further assistance on this. 


Regards, 
Venkatesh Ayothiraman. 



KA kalum November 20, 2017 10:54 AM UTC

Hi Venkatesh,
It is working perfectly and thank you very much for the help.
Regards,
Kalum


VA Venkatesh Ayothi Raman Syncfusion Team November 21, 2017 03:49 AM UTC

Hi Kalum, 

Thanks for the feedback. 

We are very happy to hear that your requirement is achieved. 

 
Regards, 
Venkatesh Ayothiraman 


Loader.
Up arrow icon