Using a Sortable with a Grid loses cell edits

[Rowan]

We are having issues losing cell edits when using Sortables with Grids. Kendos own Sortable+Grid demo shows the issue if you switch on editable:

 http://demos.telerik.com/kendo-ui/sortable/integration-grid

Here is the same demo with editable switched on:

http://dojo.telerik.com/EFEVE

To reproduce the problem click in a cell and edit it, then click in another cell. The edits you made in the first cell will be lost.

If you disable the Sortable then this issue doesn't occur.

[Konstantin Dikov]

Hi Rowan,

The scenario that you have is not supported and as you have noticed, it will break the editing functionality.

Nevertheless, you can try the following approaches for integrating kendoSortable with editable Grid:

1) Disable the dragging for all TD elements in the Grid and use a separate column with an IMG element for example that could be used to limit the dragging options:

• http://dojo.telerik.com/AsUDo

2) Use different edit mode ("inline" or "popup"):

• http://dojo.telerik.com/IvIwi

Please note that in both cases we are setting elements that should be ignored in the "ignore" property of the kendoSortable.

Hope this helps.


Regards,
Konstantin Dikov
Telerik

 

 

[Rowan]

Hi Konstantin,

Option (1) works perfectly for us, thanks! We already had an image set in a separate column for dragging, and it was set at as the handler in the Sortable config.

My assumption was that if we set a handler the rest of the row elements would be ignored automatically... but it seems we need to set the ignore config as well.

thanks,

Rowan