Unplanned
Last Updated: 08 Oct 2020 15:04 by ADMIN
James
Created on: 15 Feb 2019 12:08
Category: TreeList
Type: Feature Request
3
Support TreeList incell editing with drag and drop

Changes to edit cells are lost when clicking the next cell or other rows in the TreeList.

  1. Create TreeList that uses both InCell editing and drag-and-drop movement.
  2. Click a cell to edit the text.
  3. Type a few characters.
  4. Click any other cell in the TreeList.
  5. The edited cell exits edit mode and the text reverts to its original value.

Dojo Example adapted from TreeList InCell Editing demo (also attached):

https://dojo.telerik.com/@JimmyTheChimp/UpOsAgus

Attached Files:
3 comments
ADMIN
Alex Hajigeorgieva
Posted on: 08 Oct 2020 15:04

Hello, Jacob,

Thank you for sharing,

We have a similar design for the Sortable when using handlers is required:

https://demos.telerik.com/kendo-ui/sortable/handlers

Currently, the workaround is to add an event handler to the cellClose event and trigger change programmatically to any inputs with the data-bind attribute as well as to any widgets:

            cellClose: function(e) {
              var input = e.container.find("input[data-bind*='value']");
              input.trigger("change");
              var numeric = input.data("kendoNumericTextBox");
              if(numeric){
                numeric.trigger("change");
              }
            }
As for the design, I created a sample for you:

https://dojo.telerik.com/IWOSOKiq

It overrides the built-in draggable in two places highlighted below:

filter: "tbody>tr .handler",
 
hintText: function(span) {
    var draggedRow = $(span).closest("tr");
    var text = function() { return $(this).text(); };
    var separator = "<span class='k-header k-drag-separator'></span>";
    return draggedRow.children("td").map(text).toArray().join(separator);
},

I hope more people upvote this item so we can provide it sooner.

Regards,
Alex Hajigeorgieva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jacob
Posted on: 01 Oct 2020 20:58
I posted an idea for a design change that would eliminate this limitation here. I hope you guys will consider it at some point if the desire for this feature ever increases. 
ADMIN
Konstantin Dikov
Posted on: 22 Feb 2019 08:21

Hello James,

This is a limitation of the TreeList and combining dragging with InCell editing is currently not supported scenario. This limitation is documented in the following help article:

https://docs.telerik.com/kendo-ui/controls/data-management/treelist/editing/drag-and-drop-editing


    Please excuse us for any inconvenience caused by this and if other questions regarding the TreeList arise, do not hesitate to contact us again.


    Regards,
    Konstantin Dikov
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.