In in-cell edit mode, grid values do not update when I click a different row

8 posts, 0 answers
  1. Mark
    Mark avatar
    5 posts
    Member since:
    Sep 2017

    Posted 27 Feb Link to this post

    In in-cell edit mode, grid values do not update when I click a different row.  The update is only triggered when the user hits enter, when clicking outside of the grid, OR by tabbing/clicking to another cell in the same row.  The other examples I've seen don't have this behavior so I'm wondering what I might be doing wrong.  This has been an issue for sometime now and it has to be fixed before going live.
  2. Mark
    Mark avatar
    5 posts
    Member since:
    Sep 2017

    Posted 28 Feb in reply to Mark Link to this post

    I have been able to duplicate the issue in an isolated state.  Implementing drag and drop reordering (Kendo Sortable) seems to cause this behavior.  Again, the behavior is when you are in an editor, change the value in the editor and click an editor in a different row - you will notice that the value doesn't update.  Is this a documented bug?  What is your suggested workaround?  
  3. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2353 posts

    Posted 01 Mar Link to this post

    Hello Mark,

    This is a limitation with implementing drag&drop over editable Grid, because the reordering mechanism interferes with the editing of the Grid. The main problem is that the blur event of editors that is used for changing the model values fires after the row is removed from the DOM (by the sortable widget). However, you can take a look at the following help article, which demonstrates how to overcome that limitation:
    If any other questions on this matter arise, do not hesitate to contact us again.


    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.
  4. Mark
    Mark avatar
    5 posts
    Member since:
    Sep 2017

    Posted 01 Mar in reply to Konstantin Dikov Link to this post

    Adding the data-value-update="input" attribute to the editor did solve the issue of the field not updating but the problem is, it only lets the user enter one keystroke before it takes you out of the editor.  We want users to be able to add a number with 1 decimal place.  How can I overcome that?
  5. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2353 posts

    Posted 05 Mar Link to this post

    Hello Mark,

    I have tested the example from the HowTo article and it allows entering multiple digits in the NumericTextBox. Could you please elaborate if you replicate the problem in the examlpe:
    Another thing that I could suggest is to render template column with an image with specific class name for example and then use that image (its class to be precise) as a handler of the Sortable:
    This should resolve most of the problems and will allow the user to reorder the rows only by using the drag image.


    Best 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.
  6. Mark
    Mark avatar
    5 posts
    Member since:
    Sep 2017

    Posted 10 Apr in reply to Konstantin Dikov Link to this post

    I'm still having issues getting your proposed solution (where it uses the data-value-update='input' attribute) working correctly.  The problem now is:

    1.  The editable cell will only allow you to type more than 1 character every other time you access the field.
    2.  When it does allow you type more than 1 character it will accept 1.2 but not a 4 character decimal like 10.2

    My example for replicating this issue is attached below.

    Thanks,

     

    Mark

  7. Mark
    Mark avatar
    5 posts
    Member since:
    Sep 2017

    Posted 12 Apr Link to this post

    Any ideas?  This has been a problem for a while and I think it should be part of the built in grid functionality.
  8. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2353 posts

    Posted 12 Apr Link to this post

    Hello Mark,

    I have tested the attached example and the issue is due to the fact that you are calling the "fetch" method within the "change" event of the dataSource. If you remove the call to the "fetch" method, everything is working as expected:


    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