MVVM模式：命令绑定和ViewModel执行之间的中间视图

Question

方案将某个日期加载到程序中（例如，对班级中的学生进行评估，其中每个学生都是其评估数据的不同实体），并在数据网格上显示其摘要。 用户选择一些学生，并对他们的评估进行分析。 分析过程需要一些参数，因此在分析之前会弹出一个窗口，让用户指定自己的首选参数。 然后执行分析过程。

实现摘要 datagrid定义如下，并绑定到ViewModel：

<DataGrid x:Name="CachedSamplesDG" ItemsSource="{Binding cachedDataSummary}">                    
   <DataGrid.Columns>
      <DataGridTextColumn Header="name" Binding="{Binding name}"/>
      <DataGridTextColumn Header="score" Binding="{Binding score}"/>
   </DataGrid.Columns>
</DataGrid>

启动该过程的按钮定义如下：

<Button x:Name="AnalysisBT" Content="Analyze" Command="{Binding AnalyzeCommand}" CommandParameter="{Binding ElementName=CachedSamplesDG, Path=SelectedItems}"/>

ViewModel非常基础，总结如下：

internal class CachedDataSummaryViewModel
    {
        public CachedDataSummaryViewModel()
        {
            _cachedDataSummary = new ObservableCollection<CachedDataSummary>();
            AnalyzeCommand = new SamplesAnalyzeCommand(this);
        }


        private ObservableCollection<CachedDataSummary> _cachedDataSummary;
        public ObservableCollection<CachedDataSummary> cachedDataSummary { get { return _cachedDataSummary; } }


        public ICommand AnalyzeCommand { get; private set; }
    }

这是分析命令的定义：

internal class SamplesAnalyzeCommand : ICommand
    {
        public SamplesAnalyzeCommand(CachedDataSummaryViewModel viewModel)
        {
            _viewModel = viewModel;
        }

        private CachedDataSummaryViewModel _viewModel;

        public event EventHandler CanExecuteChanged
        { 
            add { CommandManager.RequerySuggested += value; }
            remove { CommandManager.RequerySuggested -= value; }
        }

        public bool CanExecute(object parameter)
        {
            // canExecute logic
        }

        public void Execute(object parameter)
        {
            // process mess ...
            // Here I need the selected rows of datagird, which "parameter" delegates them.
            // I also need some other parameters for analysis which user can set through another view
        }
    }

这是我当前流程以及接下来我要做什么的图表

问题当单击按钮时

1. 在MainWindow上应用一些UI更改
2. 弹出ProcessOptionsWindow
3. 从ProcessOptionsWindow获取设置的参数
4. 将所选的数据网格行和用户指定的参数传递给SamplesAnalyzeCommand

达到此要求的最佳方法是什么？

Answer 1

只需对带有MVVM的wpf中的对话框使用好或坏做法之类的dialogservice ？ 。

然后您可以在ViewModel中执行类似的操作

 var result = this.uiDialogService.ShowDialog("Prozess Options Window", prozessOptionVM);

 ...
 var parameter1 = prozessOptionVM.Parameter1;

Answer 2

您可以为流程选项定义另一个Model和ViewModel，然后在SamplesAnalyzeCommand中显示ProcessOptionsView。 当用户完成ProcessOptionsView的操作时，主ViewModel会收到通知（例如，通过事件处理程序）并完成Process。

像这样：

internal class SamplesAnalyzeCommand : ICommand {
   ...
   public void Execute(object parameter)
   {
       this._viewModel.ShowProcessOptions(parameter);
   }
}

internal class CachedDataSummaryViewModel {
    public string Status {
         get {
             return this.status;
         }
         set {
             if (!string.Equals(this.status, value)) {
                 this.status = value;
                 // Notify property change to UI
             }
         }
    }
    ...
    internal void ShowProcessOptions(object paramter) {
        // Model
        var processOptions = new ProcessOptionsModel() {
            otherInfo = parameter
        };
        // View-Model
        var processOptionsViewModel = new ProcessOptionsViewModel();
        processOptionsViewModel.Model = processOptions;
        // View
        var processOptionsView = new ProcessOptionsView(
            processOptionsViewModel
        );
        // Edit2: Update status
        this.Status = "Selecting process options...";

        // You can use the event handler or dialog result
        processOptionsViewModel.OK += this.PerformProcess;
        processOptionsView.ShowDialog();
    }
    private void PerformProcess(object sender, EventArgs e) {
        var processOptionsView = sender as ProcessOptionsView;
        var processOptionsModel = processOptionsView.Model;
        var processOptions = processOptionsModel.Model;          

        // Edit2: Update status
        this.Status = "Performing process...";

        // use processOptions.OtherInfo for initial info
        // use processOptions.* for process options info
        // and perform the process here

        // Edit2: Update status
        this.Status = "Process Done.";
    }
    ...
}
class ProcessOptionsModel {
    public object OtherInfo {
        get;
        set;

    public int Parameter1 {
        get;
        set;
    }
    public IList<ProcessItem> SelectedItems {
        get;
        set;
    }
    ...
} 
class ProcessOptionsViewModel {
    public event EventHandler OK;
    private SamplesAnalyzeCommand model;
    private ICommand okCommand;
    public ProcessOptionsViewModel() {
         this.okCommand = new OKCommand(this.OnOK);
    }
    public SamplesAnalyzeCommand Model {
        get {
            return model;
        }
        set {
            this.model = value;
            // Property changed stuff here
        }
    }
    private void OnOK(object parameter) {
        if (this.OK != null) {
            this.OK = value;
        }
    }
}
class ProcessOptionsView {
     // Interacts with it's view-model and performs OK command if
     // user pressed OK or something
}

希望能帮助到你。

编辑（1）：

正如blindmeis所建议的，您可以使用一些对话框服务在视图之间建立连接。

编辑（2）：

单击按钮后，可以在ShowProcessOptions的ShowProcessOptions方法中完成UI更改。 我认为您不希望在用户使用它时将选项窗口的ui更改反映到主窗口。 用户关闭选项窗口后，UI更改可以在PerformProcess中完成。

如下面的注释中所述，如果要对选项选择进行抽象（例如，从文件中读取），则可以定义IOptionsProvider接口，并在其后放置ProcessOptionsView和View-Model，但仍使用相同的模型。

interface IOptionsProvider {
    ProcessOptionsModel GetProcessOptions();
}

class ProcessOptionsView : IOptionsProvider {
    public ProcessOptionsModel GetProcessOptions() {
         if (this.ShowDialog()) {
              return this.ModelView.Model;
         }
         return null;
    }
}

class ProcessOptionsFromFile : IOptionsProvider {
    public ProcessOptionsModel GetProcessOptions() {
         // Create an instance of ProcessOptionsModel from File
    }

}

请注意，在这种情况下，我删除了OK事件，因为GetProcessOptions应该阻塞，直到用户关闭主窗口为止。 如果要在FromFile情况下采用响应式方法，则可能需要处理异步内容，而可以定义GetProcessOptionsAsync。

在这种情况下，事情可能会变得有些复杂，但是我想以这种方式可以实现。