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

2 posts, 0 answers
  1. NerdBrick
    NerdBrick avatar
    38 posts
    Member since:
    Jan 2013

    Posted 12 Jul 2018 Link to this post

    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

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 16 Jul 2018 Link to this post

    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:
    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:
    Hope this helps.


    Regards,
    Konstantin Dikov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top