从视图中 ListBox 中删除的文件更新 ViewModel 中的 ObservableCollection - WPF

Question

我正在尝试了解如何在用户控件的列表框中处理拖放的文件，并绑定它们以更新我的 ViewModel 中的 ObservableCollection。

这是我在 XAML 中的列表框：

    <ListBox x:Name="listDrop" Height="50" Margin="0,0,0,0"  AllowDrop="True" Drop="dropfiles"  >

    </ListBox>

现在是代码隐藏：

public partial class ProcessXML : UserControl
{


    public ProcessXML()
    {
        InitializeComponent();


    }

    private void dropfiles(object sender, DragEventArgs e)
    {


        string[] droppedFiles = null;

        if (e.Data.GetDataPresent(DataFormats.FileDrop))
        {
            droppedFiles = e.Data.GetData(DataFormats.FileDrop, true) as string[];
        }

        if ((null == droppedFiles) || (!droppedFiles.Any())) { return; }

        listDrop.Items.Clear();

        foreach (string s in droppedFiles)
        {
            listDrop.Items.Add(s);
        }


    }
}

这列出了要删除的文件的路径，工作正常，但是我如何发送该信息或使用它来处理它？

我想将此数据发送到我的 Viewmodel，理想情况下发送到 ObservableCollection，然后处理每个项目，但我一直在摸不着头脑，找不到方法。我将如何做到这一点？

Answer 1

您的代码中没有任何内容表明您甚至有一个视图模型，或者您将它用于什么。我将假设——错误地，我怀疑——这是用户控件的DataContext。

如果您希望您的视图模型在文件被删除时执行某些操作，您可以让它处理其DropFiles 集合的CollectionChanged 事件，或者您可以给它一个方法让文件删除处理程序调用。

private void dropfiles(object sender, DragEventArgs e)
{
    string[] droppedFiles = null;

    if (e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        droppedFiles = e.Data.GetData(DataFormats.FileDrop, true) as string[];
    }


    if ((null == droppedFiles) || (!droppedFiles.Any())) { return; }

    var myVM = DataContext as MyViewModel;

    //   MyViewModel.DropFiles should be ObservableCollection<String>
    myVM.DropFiles.Clear();

    foreach (string s in droppedFiles)
    {
        myVM.DropFiles.Add(s);
    }
}

替代：

private void dropfiles(object sender, DragEventArgs e)
{
    string[] droppedFiles = null;

    if (e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        droppedFiles = e.Data.GetData(DataFormats.FileDrop, true) as string[];
    }


    if ((null == droppedFiles) || (!droppedFiles.Any())) { return; }

    var myVM = DataContext as MyViewModel;

    myVM.DoFileDrop(droppedFiles);
}

MyViewModel.cs

public void DoFileDrop(IEnumerable<String> filePaths)
{
    DropFiles.Clear();
    foreach (var s in filePaths)
        DropFiles.Add(s);

    //  Do other stuff if you want to
}

XAML

<ListBox 
    x:Name="listDrop" 
    Height="50" 
    Margin="0,0,0,0"  
    AllowDrop="True" 
    Drop="dropfiles"  
    ItemsSource="{Binding DropFiles}"
    />

Answer 2

如果您将 ViewModel 绑定到 ProcessXML 的 DataContext，那么您可以像这样访问您的 ViewModel：

private void dropfiles(object sender, DragEventArgs e)
{
    // some code goes here ...


    var vm = this.DataContext as ViewModelType;
    if (vm == null) return;

    // Do your stuff with vm instance below
}

已编辑

我想你想要这样的东西：

<Window x:Name="root">
    <Grid x:Name="someParentControl">
        <controls:ProcessXML ParentViewModel={Binding Path=DataContext, ElementName=root}/>
    </Grid>
</Window>

还有ProcessXML背后的代码

public partial class ProcessXML : UserControl
{
    public ProcessXML()
    {
        InitializeComponent();
    }

    DependencyProperty ParentViewModelProperty = DependencyProperty
        .Register("ParentViewModel", typeof(ViewModelType), typeof(ProcessXML), new PropertyMetadata(null));

    public ViewModelType ParentViewModel
    {
        get { return (ViewModelType)GetValue(ParentViewModelProperty); }
        set { SetValue(ParentViewModelProperty, value); }
    }
}

Answer 3

以下是使用MvvmLightLibs 实现该目标的方法：

• ObservableCollection<T>
• EventToCommand

窗口 XAML：

<Window
    x:Class="WpfApp1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:wpfApp1="clr-namespace:WpfApp1"
    d:DataContext="{d:DesignInstance wpfApp1:Model}"
    mc:Ignorable="d">
    <Window.DataContext>
        <wpfApp1:Model />
    </Window.DataContext>

    <Grid>
        <wpfApp1:UserControl1 />
    </Grid>
</Window>

窗口代码：

namespace WpfApp1
{
    public partial class MainWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

用户控制 XAML：

<UserControl
    x:Class="WpfApp1.UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:command="http://www.galasoft.ch/mvvmlight"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:local="clr-namespace:WpfApp1"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DataContext="{d:DesignInstance local:Model}"
    mc:Ignorable="d">
    <Grid>
        <ListBox AllowDrop="True" ItemsSource="{Binding Files}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Drop">
                    <command:EventToCommand Command="{Binding Load}" PassEventArgsToCommand="True" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </ListBox>
    </Grid>
</UserControl>

用户控制代码：

namespace WpfApp1
{
    public partial class UserControl1
    {
        public UserControl1()
        {
            InitializeComponent();
        }
    }
}

型号：

using System.Collections.ObjectModel;
using System.Windows;
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.CommandWpf;

namespace WpfApp1
{
    public class Model : ViewModelBase
    {
        public Model()
        {
            Files = new ObservableCollection<string>();

            Load = new RelayCommand<DragEventArgs>(e =>
            {
                var files = e.Data.GetData(DataFormats.FileDrop) as string[];
                if (files == null)
                    return;

                foreach (var file in files)
                {
                    Files.Add(file);
                }
            });
        }

        public RelayCommand<DragEventArgs> Load { get; }

        public ObservableCollection<string> Files { get; }
    }
}

这是一个简单的示例，显然您需要根据自己的需要对其进行进一步调整。