如何在XAML中绑定用户控件？

Question

我有包含数据网格和“筛选器面板”的MainWindow。 过滤器面板可以通过用户输入（单击按钮）进行更改。 我试图通过数据绑定来实现。 Im面临的问题是未加载或刷新筛选器面板（这是一个用户控件）。

主窗口XAML：

 <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="250*" />
        <ColumnDefinition Width="253*" />
    </Grid.ColumnDefinitions>
    <DataGrid AutoGenerateColumns="True" Height="200" HorizontalAlignment="Left" Margin="23,28,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="200" ItemsSource="{Binding OverviewableItems}" /> 
    <UserControl Grid.Column="1" Content="{Binding UserControl}" DataContext="{Binding}" Grid.ColumnSpan="2" />

    <Button Content="PersonFilter" Height="23" HorizontalAlignment="Left" Margin="23,268,0,0" Name="buttonPersonFilter" VerticalAlignment="Top" Width="75" Click="buttonPersonFilter_Click" />
    <Button Content="ProjectFilter" Height="23" HorizontalAlignment="Left" Margin="132,268,0,0" Name="buttonProjectFilter" VerticalAlignment="Top" Width="75" Click="buttonProjectFilter_Click" />

</Grid>

后面的代码：

 private ViewModel _viewModel;
    public MainWindow()
    {
        _viewModel = new ViewModel(new DataProvider());
        DataContext = _viewModel;
        _viewModel.PropertyChanged += _viewModel.SetFilterType;
        InitializeComponent();
    }


    private void buttonProjectFilter_Click(object sender, RoutedEventArgs e)
    {
        _viewModel.OverviewType = OverviewType.Project;
    }

    private void buttonPersonFilter_Click(object sender, RoutedEventArgs e)
    {
        _viewModel.OverviewType = OverviewType.Person;
    }

第一个用户控件：

<Grid>
    <DatePicker Grid.Column="1" Grid.Row="1" Height="25" HorizontalAlignment="Left" Margin="19,18,0,0" Name="datePickerFundingTo" VerticalAlignment="Top" Width="115" Text="{Binding ElementName=ProjectFilter, Path=FundingTo}" />
</Grid>

此用户控件后面的代码仅是：

 public DateTime FundingTo { get; set; }
 public ProjectFilter()
    {
        FundingTo = DateTime.Now;

        InitializeComponent();
    }

其他用户控件：仅包含一个TextBox和一个Button，为简单起见，我没有在其后添加任何代码。

MainWindow的ViewModel：

public class ViewModel  : INotifyPropertyChanged
{
    private UserControl _userControl;

    public UserControl UserControl
    {
        get { return _userControl; }
        set
        {
            if (_userControl == value)
            {
                return;
            }
            OnPropertyChanged("UserControl");
            _userControl = value;
        }
    }

    private OverviewType _overviewType = OverviewType.None;
    public OverviewType OverviewType
    {
        get { return _overviewType; }
        set
        {
            if (_overviewType == value)
            {
                return;
            }
            OnPropertyChanged("OverviewType");
            _overviewType = value;
        }
    }

    private ObservableCollection<IOverviewItem> _overviewableItems;
    public ObservableCollection<IOverviewItem> OverviewableItems
    {
        get { return _overviewableItems; }
        set
        {
            if (_overviewableItems == value)
            {
                return;
            }
            _overviewableItems = value;
        }
    }

    private readonly DataProvider _dataProvider;

    public event PropertyChangedEventHandler  PropertyChanged;

    public ViewModel(DataProvider dataProvider)
    {
        _dataProvider = dataProvider;
    }

    public void SetFilterType(object sender, EventArgs eventArgs)
    {

        switch (_overviewType)
        {
            case OverviewType.Project:
                _userControl = new ProjectFilter();
                break;
            case OverviewType.Person:
                _userControl = new PersonFilter();
                break;
        }
    }

    public void OnPropertyChanged(string name)
    {
        if (PropertyChanged == null)
            return;

        var eventArgs = new PropertyChangedEventArgs(name);
        PropertyChanged(this, eventArgs);
    }  
}

再加上我有一个枚举OverviewType，其值为None，Project，Person。

正确触发了属性更改事件，但是未刷新用户控件。 谁能启发我，我的解决方案的缺点在哪里？

还有另一个问题，我该如何从用户控件传达到主窗口视图模型？ 外汇：应根据其过滤器更改数据网格。

任何帮助将不胜感激。 干杯!

Answer 1

在更改属性的后备字段后，尝试触发PropertyChanged：

public UserControl UserControl
{
     get { return _userControl; }
     set
     {
         if (_userControl != value) 
         {
            _userControl = value;              // first
             OnPropertyChanged("UserControl"); // second
         }
     } 
}

与OverviewType类似。

Answer 2

这里有不同的问题。

• 正如Clemens所说，您必须在值更新后触发事件。 但这不是这里的主要问题。

• 第二个问题：您正在影响私有成员的新usercontrol ，因此您完全绕开了财产。

更换

_userControl = new ProjectFilter();

通过

this.UserControl = new ProjectFilter();

• 第三个问题与您的问题没有直接关系，但实际上是您最大的问题 ：您有体系结构设计问题 。 您正在视图模型中公开UserControl ，这是一个反模式 。 您的视图模型必须对视图一无所知，因此它不能对视图内的控件有任何引用。 除了编写的绑定，您还可以从viewmodel中触发事件，并在视图中添加事件处理程序，以便您的视图更新usercontrol。