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

Kendo treeview drag drop cancel denied event issue

3 Answers 229 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Nevzat Hayri
Top achievements
Rank 1
Nevzat Hayri asked on 05 Jul 2017, 08:58 AM
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.

3 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 06 Jul 2017, 10:32 AM
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.
0
Nevzat Hayri
Top achievements
Rank 1
answered on 06 Jul 2017, 10:48 AM

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

0
Nencho
Telerik team
answered on 10 Jul 2017, 08:19 AM
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.
Tags
TreeView
Asked by
Nevzat Hayri
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Nevzat Hayri
Top achievements
Rank 1
Share this question
or