Using Sortable with an Editable Grid

5 posts, 0 answers
  1. Kyle
    Kyle avatar
    5 posts
    Member since:
    Nov 2015

    Posted 13 Mar Link to this post

    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

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1800 posts

    Posted 15 Mar Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Kyle
    Kyle avatar
    5 posts
    Member since:
    Nov 2015

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

    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.

  5. Kyle
    Kyle avatar
    5 posts
    Member since:
    Nov 2015

    Posted 15 Mar in reply to Kyle Link to this post

    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).
  6. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1800 posts

    Posted 16 Mar Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready