Перетащите из DataGrid в ListBoxItem - PullRequest
Новая
       29

Перетащите из DataGrid в ListBoxItem

0 голосов
/ 12 января 2011

У меня есть ListBox (с ItemTemplate, определенным в XAML) и DataGrid. Я хотел бы выполнить операции перетаскивания из DataGrid в ListBox. Моя проблема в том, что я не понимаю, как узнать, на каком ListBoxItem перетаскиваемая строка была удалена.

У кого-нибудь есть идея?

Заранее спасибо.

Редактировать : Вот XAML ListBox: 

<toolkit:DockPanel Grid.Column="0" Grid.Row="0" Grid.RowSpan="3" Width="200">
            <toolkit:ListBoxDragDropTarget Name="dropTarget1"  AllowDrop="True" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" AllowedSourceEffects="Move">
                <ListBox Name="lbClusters">

                    <!-- Override default HorizontalContentAlignment -->
                    <ListBox.ItemContainerStyle>
                        <Style TargetType="ListBoxItem">
                            <Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
                        </Style>
                    </ListBox.ItemContainerStyle>

                    <!-- Override default presentation panel (to be able to organize) -->
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel />
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>

                    <!--  Items presentation -->
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <Border BorderBrush="Black" BorderThickness="1" Margin="5">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition />
                                        <RowDefinition />
                                    </Grid.RowDefinitions>

                                    <Border Background="Gray" Padding="10,5,0,5" Grid.Row="0" >
                                        <TextBlock Text="{Binding Name}" HorizontalAlignment="Stretch" />
                                    </Border>
                                    <ListBox ItemsSource="{Binding MatchingProcessors}" DisplayMemberPath="Name" Grid.Row="1" MinHeight="100" />
                                </Grid>
                            </Border>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </toolkit:ListBoxDragDropTarget>
        </toolkit:DockPanel>

А вот DataGrid: 

<toolkit:DataGridDragDropTarget VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" VerticalAlignment="Stretch">

                <sdk:DataGrid Name="Grid1" SelectionChanged="Grid_SelectionChanged" AutoGenerateColumns="False">
                    <sdk:DataGrid.Columns>
                        <sdk:DataGridTextColumn Binding="{Binding Configuration.Nickname}" Header="NickName" />
                        <sdk:DataGridTextColumn Binding="{Binding SerialNumber}" Header="SN" />
                        <sdk:DataGridTextColumn Binding="{Binding ComputerName}" Header="IPHostname"/>
                        <sdk:DataGridTextColumn Binding="{Binding Configuration.GroupName}" Header="Group" />
                    </sdk:DataGrid.Columns>
                </sdk:DataGrid>

            </toolkit:DataGridDragDropTarget>

1 Ответ

0 голосов
/ 13 января 2011

Хорошо, вот что я сделал ... Может быть, есть лучшее решение? Но этот, кажется, соответствует тому, что мне нужно.

Я изменил свой ListBox.ItemTemplate, чтобы добавить 2 события: MouseEnter и MouseLeave в сетку: 

<ListBox.ItemTemplate>
<DataTemplate>
    <Border BorderBrush="Black" BorderThickness="1" Margin="5">
        <Grid MouseEnter="Grid_MouseEnter" MouseLeave="Grid_MouseLeave">
            <Grid.RowDefinitions>                                            
                <RowDefinition />                                            
                <RowDefinition />
            </Grid.RowDefinitions>

            <Border Background="Gray" Padding="10,5,0,5" Grid.Row="0" >
                <TextBlock Text="{Binding Name, Mode=TwoWay}" HorizontalAlignment="Stretch" />
            </Border>
            <ListBox ItemsSource="{Binding MatchingProcessors, Mode=TwoWay}" DisplayMemberPath="SerialNumber" Grid.Row="1" MinHeight="100" />
        </Grid>
    </Border>
</DataTemplate>
</ListBox.ItemTemplate>

Затем в коде я реализовал эти события и сохранил ссылку на элемент hovered в ListBox. 

    private ListBoxItem currentListBoxItem = null;

    private void Grid_MouseEnter(object sender, MouseEventArgs e)
    {
        List<UIElement> list = VisualTreeHelper.FindElementsInHostCoordinates(e.GetPosition(null), LayoutRoot as UIElement) as List<UIElement>;
        var tmp = list.OfType<ListBoxItem>().Where(el => el.DataContext != null && el.DataContext is MyType).FirstOrDefault();

        if (tmp != null)
        {
            this.currentListBoxItem = tmp;
        }
    }

    private void Grid_MouseLeave(object sender, MouseEventArgs e)
    {
        this.currentListBoxItem = null;
    }
...