When using a custom Checkbox template editor for in-cell in combination of option Navigatable cause jump scrolling to top

[NerdBrick]

We wanted to use in-cell editing with a checkbox following this as an example. 

https://www.telerik.com/support/code-library/checkbox-column-and-incell-editing 
Pulled from : https://www.telerik.com/forums/grid-checkbox-editor-issue-with-incell-editing

Plus we used the option "Navigatable" 

The result is when the checkbox is selected in the column, the Grid will jump scroll to the top. If you remove the Navigatable (false), the problem goes away. 

Here is a work example of the issue. 

https://dojo.telerik.com/iXoxeveM

In our example, we are trying to support keyboard navigation along with in-cell editing. Are we trying to mix two things that can't be mixed together?

Thank you

[Konstantin Dikov]

Hi,

When the "set" method of a dataItem is used, it will trigger the "change" event of the dataSource, which will then trigger the rebinding of the Grid. This is the reason why the navigation goes to the first cell when you click on the checkbox. 

In order to resolve the issue with the navigation you will have to use the checkbox editor in edit mode only:

• https://dojo.telerik.com/OzusaqiK/2

Another option would be to change the value in the dataItem without using the "set" method and manually redraw the row as shown in the following HowTo article:

• https://docs.telerik.com/kendo-ui/knowledge-base/grid-update-particular-row-without-refresh

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik