This is a migrated thread and some comments may be shown as answers.

Using Sortable with an Editable Grid

4 Answers 192 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Kyle
Top achievements
Rank 1
Kyle asked on 13 Mar 2016, 10:21 AM

I have been trying to implement a simple grid that is editable and sortable in javascript. After trying various ways (inline/popup editing as well as batch set to true/false) I can't find a solution that provides a reasonable end-user experience. Either I can have complete editing functionalities implemented and be unable to sort the grid, or vice-versa. 

I reference your example:
http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/batch-editable-grid

However I found when running the example in the telerik dojo the correct functionality is not implemented. The drag and drop is not working. I'm hoping there is an easy fix to my problem.

Thanks,
Kyle

4 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 15 Mar 2016, 06:41 AM
Hi Kyle,

I have tested the demo from the help article that you are referring to, but everything works as expected on my side. Can you please elaborate what is the behavior on your side and which on browser you are testing the code?

On a side note, you can use the "ignore" property of the kendoSortable and use a template column with an image for example and allow the sorting to be active only through those images.

Hope this helps.


Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kyle
Top achievements
Rank 1
answered on 15 Mar 2016, 06:49 AM

Hi,

Sorry I duplicated my bug report: http://www.telerik.com/account/support-tickets/view-ticket?threadid=1018951

It appears the article in the documentation has since been updated and appears to be working as expected. I will have to test the implementation myself to confirm.

0
Kyle
Top achievements
Rank 1
answered on 15 Mar 2016, 07:07 AM
It appears the example is near complete but still breaks under certain conditions. Setting the Order column to editable: false should fix the issue. (please refer to my bug report for any further updates).
0
Konstantin Dikov
Telerik team
answered on 16 Mar 2016, 01:49 PM
Hello Kyle,

I would suggest that you continue the conversation regarding the example issues within the bug report thread. 

Meanwhile you can take a look at the approach that I have suggested in my initial post, where you can limit the dragging to be possible only on a custom image (or element):

Kind Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Drag and Drop
Asked by
Kyle
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Kyle
Top achievements
Rank 1
Share this question
or