Kendo treeview drag drop cancel denied event issue

4 posts, 0 answers
  1. Nevzat Hayri
    Nevzat Hayri avatar
    2 posts
    Member since:
    Mar 2017

    Posted 05 Jul Link to this post

    Hi,

    When I try drag&drop an item and item goes outside of treeview and "cancel denied" event performed and then I drag it back to treeview I can't be able to drop it again. I attached a video about issue.

    Thanks in advance.
  2. Nencho
    Admin
    Nencho avatar
    1646 posts

    Posted 06 Jul Link to this post

    Hello Nevzat,

    It seems that the attached file is corrupted. Could you please re-attach it? In addition, it would be helpful if you could provide us with a runnable example or a code snippet of your current implementation, in order to perform some local tests.

    Regards,
    Nencho
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Nevzat Hayri
    Nevzat Hayri avatar
    2 posts
    Member since:
    Mar 2017

    Posted 06 Jul Link to this post

    me.fieldTreeView = $("<div id='kendoTreeView' style='overflow: visible;'>").appendTo(slctTreeviewDiv).kendoTreeView({
                        dragAndDrop: true,
                        dataSource: treeList,
                        template: "<span class='foo'/>#= item.Caption#<a class='k-icon k-i-close-outline delete-treeview' style='margin-left:30px'></a><a class='k-icon k-i-filter filter-treeview' style='margin-left:10px;'></a>",
                        drop: function (e) {
                            setTimeout(function () {
                                me.refreshFieldList();
                            }, 1);
                        },
                        dataBound: function (e) {
                            if (!this.dataSource.data().length) {
                                this.element.append("<p class='no-items' style='padding-left:10px;padding-top:10px;'>No items yet.</p>");
                            } else {
                                this.element.find(".no-items").remove();
                            }
                        },
                    }).data('kendoTreeView');

    kendo.all.min.js version 2017.2.504

  4. Nencho
    Admin
    Nencho avatar
    1646 posts

    Posted 10 Jul Link to this post

    Hello Nevzat,

    Thank you for the provided video. I am afraid, however, that I was unable to get the provided code snippet runnable, due ti missing function (refreshFieldList) and datasource. Therefore, I would like to ask you to provide us with an isolated example of the experienced issue, in order to locally replicate the issue and pin down the reason for it.

    Thank you in advance.

    Regards,
    Nencho
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top