Error with createAt bottom + scroll virtual

4 posts, 0 answers
  1. Ainara
    Ainara avatar
    5 posts
    Member since:
    Jun 2012

    Posted 27 Oct 2017 Link to this post

    Hi,

     

    With the new version (2017.3.1018), all our grids fail without error when you try to add a new record when we have set this two options:

    editable: { createAt: "bottom"},
    scrollable: { virtual: true }

     

    You could see it in this example:

    dojo link

    This works fine until now with all other versions, could you review it?

     

     

    Thanks in advance

  2. Stefan
    Admin
    Stefan avatar
    2475 posts

    Posted 31 Oct 2017 Link to this post

    Hello, Ainara,

    Thank you for the provided example.

    The issue occurs because the virtual scrolling requires the initial records to be more than the viewport in order to scroll. Also, the pageSize has to be set and to be around 3 times the visible items.

    Please check all of the requirements and the specifics of the virtual scrolling:

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#virtual-scrolling

    I also update the provided example:

    https://dojo.telerik.com/UHeZI/2

    Regards,
    Stefan
    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.
  3. Ainara
    Ainara avatar
    5 posts
    Member since:
    Jun 2012

    Posted 31 Oct 2017 Link to this post

    Ok,but works fine with previous version, as in this example:

    dojo modified

    And, when I create the grid, I don´t know how many records it has, I need it works fine with any number of items.

     

  4. Stefan
    Admin
    Stefan avatar
    2475 posts

    Posted 02 Nov 2017 Link to this post

    Hello, Ainara,

    In the previous version, the Grid editing with virtualization was not officially supported, it seems like it works but it will actually cause multiple issues in many scenarios, which is why it was considered as limitation before our R3 release.

    Once we added the support, there is a code in the Kendo UI source which is checking the number of items.

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#limitations-for-virtual-scrolling

    "Virtual scrolling is not compatible with grouping and hierarchy. Editing is supported as of R3 2017."

    I do understand that the Grid may have a small number of records in the beginning and in that scenarios we recommend using standard paging or endless scrolling:

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/walkthrough#configuration-Paging

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#endless-scrolling

    Regards,
    Stefan
    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