How to drag and drop to show/hide columns from a column chooser listbox?

[z]

We want to allow user to drag and drop to show/hide columns from a column chooser listbox. I am following the example code in http://www.telerik.com/help/wpf/radgridview-how-to-show-hide-columns-outside-of-the-radgridview.html.  We want to allow user to be able to drag a column from the list box and drop it in the column header of the grid. So it will be easy for user to design their grid columns layout.  Is there an example to do that?

[Dimitrina]

Hi,

As an example, you can check the "Tree to Grid Drag" example in WPF Demos. It illustrates how to drag and drop between different controls.
You can also check our online documentation on DragDropManager.

Regards,
Didie
Telerik

 

 

[z]

Hi Didie,

Thanks for your reply. My question is more specific about how
to drag a field to the Grid’s column header area, so the added column will be put
at the exact dropped location . Here is an example from Infragistics grid, and we want
to implement a similar function by using Telerik grid. The following screenshot
is an example.  Do you know how to locate
the dropped location in the grid’s column header area?

[z]

Please check the attached image for the screenshot about the function we want.

[Dimitrina]

Hello,

We do not have such an exact demo, however, you can implement the desired functionality yourself through the events DragDropManager exposes.
Since the GridView handles the basic drag and drop events internally, you need to subscribe to them with HandledEventsToo parameter set to true. You can refer to the WPF Demos for examples on different use cases on drag and drop.

Would you please try doing so and let me know if you encounter any problem?

Regards,
Didie
Telerik

 

 

[z]

We are evaluating the Telerik grid controls, and the drag to show/hide columns from a column chooser is one of the basic functions required.  Otherwise we will have to switch to the Infragistic one.  Can you provide an example for our case, especially about how to locate where to insert the column when drop between 2 columns headers.  In the screenshot from previous post, we want to drop to add "OrderID" column between CustomerID and OrderDate, can you provide an example about how to implement it?

[z]

 I guess you must have
implement a similar function for drag/drop to reorder the column header.  How do you locate the drop position to move
the column between the column header?

[Dimitrina]

Hello,

I am working on preparing a sample project based on your requirement. I will attach it here.

Regards,
Didie
Telerik

 

 

[Dimitrina]

Hello,

I attached a demo project illustrating how you can implement the required functionality.

Regards,
Didie
Telerik

 

 

[Mehdi]

Hello,

 

We have been looking for you sample "DragDropColumns-listBox", it does the job BUT it seems that we are not anymore able to drag and drop gridview columns to the "grouping header".

Can you please tell us if this is a bug or if we still can use this feature in such context.

 

Thank you

[Martin Ivanov]

Hello Mehdi,

This happens because the Effects of the drag/drop operation are set to None in the DragOver event handler. To change this you can remove this setting from the GridViewDragDropBehavior class.

private void OnDragOver(object sender, Telerik.Windows.DragDrop.DragEventArgs e)
{
    var draggedItem = DragDropPayloadManager.GetDataFromObject(e.Data, "DraggedData");
    if (draggedItem == null)
    {
        //remote this line// e.Effects = DragDropEffects.None;
        return;
    }
    // some other code here
}

I hope this helps.

Regards,
Martin Ivanov
Progress Telerik