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

Event for dragging column and hide

3 Answers 107 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Markus
Top achievements
Rank 1
Markus asked on 08 Apr 2015, 07:12 AM

Hi

In my example - http://dojo.telerik.com/exaBa - I am looking for an event which lets me detect when a user drags the column but does not reorder it...

In other words: the user drags the column outside the grid - intention to delete (hide) that column.

 

I am aware that I can use the column menu, but that creates a button (that is not floating) and uses too much space (I have a lot of columns in my grid so I need all the space I can get)

 columnMenu: {
        sortable: false
   }

 

Many thanks

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 10 Apr 2015, 06:40 AM

Hello Markus,

I am afraid that such event is currently not available. The built-in feature for hiding columns is the column menu as you already noticed. You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Vidya
Top achievements
Rank 1
answered on 25 Feb 2020, 11:44 AM

Hi,

Anybody found any workaround solution to achieve it?

0
Alex Hajigeorgieva
Telerik team
answered on 27 Feb 2020, 11:27 AM

Hi, Vidya,

The Kendo UI Grid and the Kendo UI Draggable widget that facilitates this functionality do not have such an event as part of their API.

However, you may get hold of the private property that holds the draggable instance and compare the id of the target and the currentTarget to check if the reorder occured. 

grid.one("dataBound", function(e){
    var grid = e.sender;
    grid._draggableInstance.bind("dragend", function(ev){
      var target = $(ev.target)
        if(target.attr("id")== ev.currentTarget.attr("id")){
          kendo.alert("No reorder occurred!");
        }  
    });
  });

Here is a runnable Dojo for your reference:

https://dojo.telerik.com/@bubblemaster/EdeHoWoS/2

The way to get hold of the draggable instance may differ dependent on the used grid features. In case you have any difficulties, provide the grid configuration you are working on.

Kind Regards,
Alex Hajigeorgieva
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.
Nick
Top achievements
Rank 1
commented on 20 Mar 2022, 12:53 PM | edited

Hi Alex,

 

I tried the example above but the message "No reorder occurred!" is not displayed.

 

Nick

Georgi Denchev
Telerik team
commented on 22 Mar 2022, 11:11 AM

Hi, Nick,

I ran the example provided by Alex and everything seems to be working as expected, the alert appears:

I also tested the functionality with the latest version in the following Dojo:

https://dojo.telerik.com/@gdenchev/AgOfetAp 

And the result was the same. My assumption is that at the moment of the "drop" the target element is the drag clue itself, rather than the Grid header(th) element. In which case the id would be undefined and the conditional check would fail.

Try clicking and dragging from around this point:

Instead of this one:

Let me know if that makes a difference.

Best Regards,

Georgi

Nick
Top achievements
Rank 1
commented on 22 Mar 2022, 12:38 PM

Hi Georgi,

Thank you for your answer. 

As you can see here I did some tests but I managed to get the message only once

https://ln5.sync.com/dl/c50bb20f0/6gf7cjd3-itvruqub-ugxpurqw-qf6icqjq

Do I do something wrong?

Thanks,

Nick

Georgi Denchev
Telerik team
commented on 24 Mar 2022, 09:29 AM

Hi, Nick,

The solution that my colleague Alex provided is meant to display the message when you drop the currently dragged column over itself, not anywhere else on the page, recording:

http://somup.com/c3eZQ0TLqy 

I've modified the Dojo a bit and it should now cover most of the "fail" cases, including dropping anyhwere on the page:

https://dojo.telerik.com/@gdenchev/adiDuNOV 

Best Regards,

Georgi

Nick
Top achievements
Rank 1
commented on 24 Mar 2022, 09:45 AM

Georgi,

Thanks a lot for this. You are a superstar!

 

Nick

Tags
Grid
Asked by
Markus
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Vidya
Top achievements
Rank 1
Alex Hajigeorgieva
Telerik team
Share this question
or