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

[Mark]

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.

[Mark]

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?  

[Konstantin Dikov]

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:

• https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/use-sortable-grid#editable-grid-mode

If any other questions on this matter arise, do not hesitate to contact us again.


Regards,
Konstantin Dikov
Progress Telerik

[Mark]

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?

[Konstantin Dikov]

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:

• https://dojo.telerik.com/aZewIfoC

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:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/sortable/configuration/handler

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

[Mark]

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

[Mark]

Any ideas?  This has been a problem for a while and I think it should be part of the built in grid functionality.

[Konstantin Dikov]

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:

• http://dojo.telerik.com/UKaPAkOr/2

Regards,
Konstantin Dikov
Progress Telerik