WPF 中选项卡控件中同级用户控件之间的通信答案

【问题标题】：Communication between sibling user controls in a tab control in WPFWPF 中选项卡控件中同级用户控件之间的通信
【发布时间】：2017-05-18 12:22:06
【问题描述】：

我们有一个带有三个选项卡的选项卡控件。每个选项卡包含两个用户控件 A 和 B。用户控件 A 包含一个数据网格。用户控件 B 包含一个文本框和一个选中列表框，用于过滤用户控件 A 中的数据网格。在上述场景中，两个用户控件之间进行通信的最佳方法是什么？我正在使用 Prism 框架的 MVVM 和事件聚合器。

每个标签的我的 Viem 模型如下

        User Control A  User Control B
Tab1    ViewModelGrid1  ViemModelGridFilter
Tab2    ViewModelGrid2  ViemModelGridFilter
Tab3    ViewModelGrid3  ViemModelGridFilter

我想使用一个 ViewModel 进行网格过滤。

我的来自 Tab 1 的 ViemModelGridFilter 的发布事件应该只被 Tab 1 的 ViewModelGrid1 订阅。但现在它被所有三个网格视图模型订阅。

this._eventAggregator.GetEvent<GridFilterEvent>().Publish(list);

【问题讨论】：

通过 ViewModel？
可能是调解员还是信使？您使用的是 MVVM 框架吗？
我已经更新了我的问题。

标签： c# wpf prism

【解决方案1】：

看看下面的演示，我正在从搜索文本框中提供的文本中过滤一组学生。 Datagrid 和 Textbox，都在不同的用户控件中，共享相同的数据上下文。

Datagrid UserControl 的 XAML：

<Grid>
    <DataGrid Name="studentGrid" CanUserAddRows="False" Grid.Row="3" Grid.ColumnSpan="2" AutoGenerateColumns="False" ItemsSource="{Binding Students, Mode=TwoWay}" >
        <DataGrid.Columns>                
            <DataGridTextColumn Header="Student's grade" Binding="{Binding StudentGrade}">
            </DataGridTextColumn>
            <DataGridTextColumn Header="Student's Name" Binding="{Binding StudentName}">
            </DataGridTextColumn>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

文本框用户控件的 XAML：

<Grid>
    <TextBox Text="{Binding SearchText,UpdateSourceTrigger=PropertyChanged}"  Height="30" Width="100" HorizontalAlignment="Left"></TextBox>
</Grid>

XAML 放置在选项卡控件中：

<StackPanel>
    <local:tb></local:tb>
    <local:dg></local:dg>
</StackPanel>

视图模型：

public class MainWindowViewModel : INotifyPropertyChanged
{

   public MainWindowViewModel()
    {            
        Students = new ObservableCollection<Student>();
        Students.Add(new Student { StudentGrade = 1, StudentName = "Jack" });
        Students.Add(new Student { StudentGrade = 2, StudentName = "Jill" });
        Students.Add(new Student { StudentGrade = 3, StudentName = "Humpty" });
    }

    private string _SearchText;
    //to be used to filer datagrid
    public string SearchText
    {
        get { return _SearchText; }
        set
        {
            _SearchText = value;
            //filter logic, I am filtering on base of student name, you can have your own implementation.
            Students = new ObservableCollection<Student>(Students.Where(x => x.StudentName.ToUpper().Contains(value.ToUpper())).ToList());
            NotifyPropertyChanged("SearchText");
        }
    }        

    private ObservableCollection<Student> _students;
    // to hold list of students
    public ObservableCollection<Student> Students
    {
        get { return _students; }
        set
        {
            _students = value;
            NotifyPropertyChanged("Students");
        }
    }        

    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged(String info)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(info));
    }

}

以及分配 DataContext XAML.cs 文件的代码：

public MainWindow()
    {
        InitializeComponent();
        this.DataContext = new MainWindowViewModel();            
    }

这种方法是纯 MVVM，可以根据需要进行增强和修改，无需太多麻烦。

【讨论】：