Hello, Paulraj,
I looked at the example and try to make modifications in order to cover the listed requirements:
1) The editor is a client template, that will stay after tab. I noticed that the editor is bound in the dataBound event. If the same logic is used on the cellClose event than the editor will stay after tab.
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/cellclose
2) Tap to the next cell instead of the first - as we know which column has the editor, we automatically know the cell index. We can take the row index by attaching an event listener on the input. Then on the dataBound event, we set the next cell in edit using the editCell method based on the index:
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/editcell
This is the full example:
https://dojo.telerik.com/AxUyacus/11
Please have in mind that this is an additional functionality, which may behave differently in the real application.
If you need further assistance in implementing this in the application I can recommend our Professional Service team as they can assist with making the feature to work in the exact real case as required:
https://www.progress.com/services/outsourcing/feature-customization
Regards,
Stefan
Progress Telerik
Get
quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.