Intersoft Community - DragDrop

Drag Drog Issue / Question

Syllus — Thu, 29 Sep 2011 13:42:01 GMT

I am having a slight issue with DataTemplates and the <Intersoft:DragDropBehavior/> behavior.

I have 2 collections in 2 different tabitems of a tab control.

The first collection is a list of text labels that the user should be able to drag onto the drawing surface. For this, I have used a UXListBox Bound to a collection of labels. My ItemTemplate for the UXListBox is as follows:

        <DataTemplate x:Key="TextLibTemplate">
            <Border>
                <StackPanel Orientation="Horizontal" >
                    <TextBlock Text="{Binding Text}" FontSize="14" Tag="TextLib">
                        <i:Interaction.Behaviors>
                            <Intersoft:DragDropBehavior DragDropScope="Global" />
                        </i:Interaction.Behaviors>
                    </TextBlock>
                </StackPanel>
            </Border>
        </DataTemplate>

The DragDrop functionality works perfectly for this.

However my 2nd list is a Hierarchical list of symbols that the user can drag onto the sketch surface, and for this I have used a UXTreeView control. I am using an <Intersoft:HierarchicalDataTemplate/> for the ItemTemplate on this UXTreeView. The HierarchicalDataTemplate is as follows:

        <Intersoft:HierarchicalDataTemplate x:Key="SymbolLibTemplate" ItemsSource="{Binding Symbols}">
            <Border>
                <StackPanel Orientation="Horizontal" >
                    <TextBlock Text="{Binding Name}" FontSize="14" Foreground="Blue" />
                    <i:Interaction.Behaviors>
                        <Intersoft:DragDropBehavior IsDragable="False" />
                    </i:Interaction.Behaviors>
                </StackPanel>
            </Border>
            <Intersoft:HierarchicalDataTemplate.ItemTemplate>
                <Intersoft:HierarchicalDataTemplate>
                    <Border>
                        <StackPanel Orientation="Horizontal">
                            <Image Width="24" Height="24" Source="Assets/Images/icons/Symbols.png" />
                            <TextBlock Text="{Binding Name}" FontSize="14" Tag="SymbolLib" />
                            <i:Interaction.Behaviors>
                                <Intersoft:DragDropBehavior IsDragable="True" DragDropScope="Global" />
                            </i:Interaction.Behaviors>
                        </StackPanel>
                    </Border>
                </Intersoft:HierarchicalDataTemplate>
            </Intersoft:HierarchicalDataTemplate.ItemTemplate>
        </Intersoft:HierarchicalDataTemplate>

The Hierarchial list groups and list items show up in the UXTreeView control perfectly, however the DragDrop behavior has no effect here and does not work.

I have tried this in a very simplified manner as well using a HierarchicalDataTemplate like:

        <Intersoft:HierarchicalDataTemplate x:Key="SymbolLibTemplate2">
            <Border>
                <StackPanel Orientation="Horizontal" >
                    <TextBlock Text="{Binding Name}" FontSize="14" Tag="SymbolLib">
                        <i:Interaction.Behaviors>
                            <Intersoft:DragDropBehavior DragDropScope="Global" />
                        </i:Interaction.Behaviors>
                    </TextBlock>
                </StackPanel>
            </Border>
        </Intersoft:HierarchicalDataTemplate>

to ensure that the additional complexity of the Hierarchical DataTemplate was not causing a problem.

The <Intersoft:DragDropBehavior/> just flat out, does not appear to work with the <Intersoft:HierarchicalDataTemplate/>. Which is preventing the DragDrop behavior from working at all with the UXTreeView.

Can you see anything that I am doing wrong here that may explain why I am not getting any kind of DragDrop behavior when i use the <Intersoft:HierarchicalDataTemplate/> as apposed to a regular <DataTemplat/>?

Just as an FYI, here is the main sketch surface of the application where both the text label adn symbol items are dropped. Again the text labels using a UXListBox and a normal <DataTemplate/> work perfectly, however the UXTreeView using a <Intersoft:HierarchicalDataTemplate/> does not work at all.

          <Intersoft:UXFrame x:Name="SketchFrame" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Content="{Binding SketchPad}" MouseEnter="SketchFrame_MouseEnter" Cursor="None">
                    <i:Interaction.Behaviors>
                        <Intersoft:DropTargetBehavior AllowDropItem="True" DropBehavior="Custom" Drop="SketchFrame_Drop" />
                    </i:Interaction.Behaviors>
          </Intersoft:UXFrame>

Thank you in advance for any insight you may be able to provide that will help me get this working with the UXTreeView.

Client side binding, hierarchy grids and drag/drop

mmikaeel2 — Mon, 25 Oct 2010 12:37:00 GMT

I moved my code completely to the great speed client side binding using Webservice, and really like the speed on that feature, and all my code now is client side, almost 0 server side code now.

But I still struggling to make some of the regular features in the WebGrid and other controls on Intersoft to work properly with that, and I really need you help.

So, feature no one, is the hierarchy grids is it supported with the client side bindng/webserive? If yes, can you please provide an example?

Second, is the drag/drop also can work with the same grid-client-side-bind-webservice? Also if yes, and if it make scenes can you send an example as well.

My last question, is that the best approach to move everything clientside instead of the client/server approach?

Thanks for all your support guys.

Maged Mikaeel

Technical Architect/Development Manager

CompuArt Technology

DragDrop (WebGrid to WebTreeview) using WebPaneManager

Michael — Thu, 27 Aug 2009 04:50:27 GMT

I want drag Data from WebGrid and drop on unbound WebTreeView. WebGrid and WebTreeView are located in WebPane. Please see attached picture.

Glenn told me few time ago, I have to use DragDropExtender OnDragDrop event handler (not WebTreeView onDragDrop event handler) when using WebPane.

OnDragDrop event (DragDropExtender) has an argument "dropObject". I get the WebTreeview Object with ISGetObject(dropObject.Owner.ControlID). But how can I get the WebTreeViewNode Object?

I have posted a similar request WebGrid with WebDragDropExtender - How can i find out "Drop-Row" to find out on which row OnDragDrop Event is fired.

OnDragDrop event (WebTreeView) has an argument "dropContext". Here I get WebTreeViewNode Object easy with dropContext.ItemObject. I can use this event handler, if I don't define WebTreeView as DropControl in WebDragDropExtender. It works, but the Effect is automaticly set to "Move", if the cursor over a node (else NotAllowed). This means that I can add Childnodes only!

Thanks for help!