使用 DragDropTarget 将数据双向绑定到 Silverlight TreeView 上的 ObservableCollection

Question

这是最基本的问题：我如何监听通过 DragDropTarget 修改的 TreeView 控件中的更改内容的更新？

所以这是我的交易：我有一个包含议程项目的 TreeView。所有数据都具有相同的数据类型 (WCFAgendaItem)，并加载到层次结构中，其中子项表示为属性 ChildItems。整个事情被包装在 ObservableCollection 中，并使用 MVVM Light 绑定到 TreeView。效果很好观看。我还希望用户能够使用拖放功能对来自各种其他来源的新项目进行重新排序、重新组织和添加到此议程（一个示例是图像幻灯片的 ListView）。为了保持一致性和易于序列化，所有新项目也将具有相同的 WCFAgendaItem 数据类型。

我的问题是：使用 Toolkit 的拖放功能在 UI 上进行拖放操作效果非常好。但我不知道如何让 ViewModel 了解 TreeView 内容的更改。

视图中的代码 (Agenda.xaml)：（

顶部）

<UserControl.Resources>
    <AHHSTeam_SLClassroomManagerMVVM_Helpers_Converters:BooleanVisibilityConverter x:Key="BooleanVisibilityConverter"/>
    <sdk:HierarchicalDataTemplate x:Key="hdtAgenda" ItemsSource="{Binding ChildItems, Mode=TwoWay}" >
        <Grid HorizontalAlignment="Left">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="{Binding ImageThumbnailWidth}" />
                <ColumnDefinition Width="250" />
            </Grid.ColumnDefinitions>
            <Image Grid.Column="0" Source="{Binding ThumbnailURL}" Width="{Binding ImageThumbnailWidth}" Height="{Binding ImageThumbnailHeight}" Visibility="{Binding HasImage, Converter={StaticResource BooleanVisibilityConverter}}" >
                <ToolTipService.ToolTip>
                    <Image Source="{Binding ResizedImageURL}" />
                </ToolTipService.ToolTip>
            </Image>
            <TextBlock Grid.Column="1" Text="{Binding Title}" TextWrapping="Wrap" />
        </Grid>
    </sdk:HierarchicalDataTemplate>
    <Style TargetType="sdk:TreeViewItem" >
        <Setter Property="IsExpanded" Value="True" />
    </Style>
</UserControl.Resources>

（稍后）

<controlsToolkit:TreeViewDragDropTarget Grid.Row="1" Grid.Column="0" x:Name="ddtAgenda" AllowDrop="True"
                                            HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" >
        <sdk:TreeView Width="375" ScrollViewer.HorizontalScrollBarVisibility="Auto"
                      ScrollViewer.VerticalScrollBarVisibility="Visible" ItemsSource="{Binding DailyAgenda, Mode=TwoWay}" ItemTemplate="{StaticResource hdtAgenda}">
        </sdk:TreeView>
    </controlsToolkit:TreeViewDragDropTarget>

ViewModel 代码 (AgendaViewModel.cs) -->我尝试监听 Co​​llectionChanged，到目前为止，这似乎不起作用

（在构造函数中）

            //add notification of agenda changes
            DailyAgenda.CollectionChanged += new System.Collections.Specialized.NotifyCollectionChangedEventHandler(DailyAgenda_CollectionChanged);

（事件）

    void DailyAgenda_CollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
    {
        System.Windows.MessageBox.Show("Daily agenda updated, now has " + e.NewItems.Count.ToString() + " top-level elements.");
    }

来自模型的代码（WCFAgendaItem.cs）

[ContentProperty("ChildItems")]
public partial class WCFAgendaItem: INotifyPropertyChanged
{
    private ObservableCollection<WCFAgendaItem> _childItems = new ObservableCollection<WCFAgendaItem>();

    public ObservableCollection<WCFAgendaItem> ChildItems
    {
        get
        {
            return _childItems;
        }
        set
        {
            _childItems = value;
        }
    }
...

我很确定我知道监听 Co​​llectionChanged 在任何情况下都是不正确的，因为这些数据不仅仅在顶层发生变化。我查看了 Blend 中的 EventToCommand（MVVM Light，记住），但唯一的 TreeView 特定事件似乎是 SelectionChanged，这似乎也不正确。我考虑过在 TreeViewDragDropTarget 上放置一个 EventToCommand 触发器，但这些方法不是要覆盖 UI 交互的发生方式吗？我认为 WCFAgendaItem 上的 INotifyPropertyChanged 也不适合这种情况：虽然我稍后会需要它来编辑项目标题，但当项目移动时它似乎不会帮助我。

也许我正在寻找的是一个延伸，但我真正想要发生的是 Silverlight 能够理解数据绑定在 WCFAgendaItem 集合的顺序和内容上是双向工作的，并根据 UI 重新设计所有集合本身互动。然后我可以在集合重新设计后侦听更新事件 - 之后我可以抓取绑定到 TreeView 的修改后的 ObservableCollection，并通过 WCF 展平/序列化/更新。

未能达到理想的情况：如果需要，我愿意抓取 TreeViewItems，但即使这是我需要做的，我也无法确定何时执行。另外，我需要一种方法将所有这些传递回 ViewModel，这样我就不会在后面编写代码。我是否需要附加到 Drop() 并重新设计删除逻辑？我发现了几篇关于从 Toolkit 开始的自定义拖放实现的旧文章，但没有人提到如何保存修改后的 TreeView，特别是在 MVVM 情况下。

最后{

在输入此内容时，我发现 这篇文章 可能有用，尽管 ViewModel 中的工作量相当大。这是有希望的，我会调查，但我仍然对更简单的事情抱有希望。而且，自本文撰写以来，工具包事件似乎发生了一些变化。

}

Answer 1

我在实现这种类型的 DragDrop 功能时也遇到了问题。根本原因似乎是 ItemDragCompleted 事件 (EventHandler) 和 ItemDroppedOnSource (DragEventHandler) 都没有传递项目被删除的索引。

我最终对 DragDropTarget 进行了子类化，以便公开受保护的方法：

int GetDropTargetInsertionIndex(TItemsControlType dropTarget, DragEventArgs args)

然后，我使用附加行为来承担将指定索引处的项目插入到基础集合中的责任。

我担心底层代码过于庞大，无法包含在 StackOverflow 答案中（主要是由于广泛的解耦），但它在我的博客主题列表中。同时，我希望上述信息有所帮助，这对我来说无疑是解决方案的关键。

伊恩