如何在ViewModel中访问View中的控件

Posted 2023-04-08

参考技术A 我感觉的你的思路有点不对头，你不应该试图在viewmode中使用view中的控件，而应该用view控件绑定到viewmodel的属性上，然后在你的方法里直接更新这个属性，然后通过wpfbinding知识，去更新view。 参考技术B 为何要做Viewmodel中定义控件呢？ 在Viewmodel定义PasswordBox的需要获得的属性，如Text，然后在view中应用绑定就可以了。

WPF View 在关闭时将 ViewModel 属性设置为 null

【中文标题】WPF View 在关闭时将 ViewModel 属性设置为 null

【英文标题】：WPF View sets ViewModel properties to null on closing

【发布时间】：2010-11-03 09:05:08

【问题描述】：

我有一个在 GroupBox 中显示用户控件的应用程序。为了显示控件，我绑定到主窗体的 ViewModel 中的一个属性，该属性返回一个要显示的 ViewModel。我已经设置了 DataTemplates，以便表单自动知道使用哪个 UserControl/View 来显示每个 ViewModel。

当我显示不同的 UserControl 时，我保持前一个控件的 ViewModel 处于活动状态，但 WPF 会自动丢弃视图。

我遇到的问题是，当视图关闭时，任何两种方式绑定到 ViewModel 中的属性都会立即设置为 null，因此当我再次显示 ViewModel 时，所有值都设置为在 UI 中为 null。

我认为这是因为作为关闭视图的一部分，它会处理并清除它包含的控件中的任何值，并且由于绑定已经到位，它们也会向下传播到 ViewModel。

我的资源中的数据模板

<DataTemplate DataType="x:Type vm:HomeViewModel">
    <vw:HomeView />
</DataTemplate>
<DataTemplate DataType="x:Type vm:SettingsViewModel">
    <vw:SettingsView />
</DataTemplate>
<DataTemplate DataType="x:Type vm:JobListViewModel">
    <vw:JobListView />
</DataTemplate>

用于显示用户控件的代码

<GroupBox>
    <ContentControl  Content="Binding Path=RightPanel" />
</GroupBox>

我在其中一个视图中绑定的控件示例：

    <ComboBox Name="SupervisorDropDown" ItemsSource="Binding Path=Supervisors" DisplayMemberPath="sgSupervisor" 
           SelectedValuePath="idSupervisor" SelectedValue="Binding Path=SelectedSupervisorID" />

以及相关的 ViewModel 属性：

public ObservableCollection<SupervisorsEntity> Supervisors
    
        get
        
            return supervisors;
        
    

public int? SelectedSupervisorID

    get
    
        return selectedSupervisorID;
    
    set
    
        selectedSupervisorID = value;
        this.OnPropertyChanged("SelectedSupervisorID");
    

关于如何阻止我的视图将我的视图模型中的值归零的任何想法？我在想，也许我需要在 View 关闭之前将其 DataContext 设置为 null，但我不确定如何使用当前绑定的方式来解决这个问题。

【参考方案1】：

我找到了一种可能的解决方案，但我真的不喜欢它。

事实证明，DataContext IS 已经设置为 null，但这无济于事。它发生在属性设置为 null 之前。似乎正在发生的事情是，在 UserControl/View 自行释放之前，数据绑定没有被删除，因此当控件被删除时，null 值会向下传播。

所以当DataContext发生变化时，如果新的上下文为null那么我就移除ComboBox上的相关绑定，如下：

private void UserControl_DataContextChanged(object sender, DependencyPropertyChangedEventArgs e)

    if (e.NewValue == null)
    
        SupervisorDropDown.ClearValue(ComboBox.SelectedValueProperty);
    

我不是这种方法的忠实拥护者，因为这意味着我必须记住对我使用的每个数据绑定控件都这样做。如果有一种方法可以让每个 UserControl 在它们关闭时自动删除它们的绑定就可以了，但我想不出任何方法来做到这一点。

另一种选择可能是仅重构我的应用程序，以便在 ViewModel 销毁之前不会破坏视图 - 这将完全回避问题。

【讨论】：

我也遇到过同样的问题。将可视子项的 DataContext 设置为 null 部分解决了它。隐藏视图而不是破坏它没有任何区别。我仍在寻找完整的解决方案。

【参考方案2】：

当我显示不同的 UserControl，我保留 ViewModel 的 前一个控件处于活动状态，但 视图被自动丢弃 WPF。

我遇到的问题是 当视图关闭时，任何两种方式 绑定到中的属性 ViewModel 立即设置为 null， 所以当我显示 ViewModel 再次设置所有值 在 UI 中为 null。

我不是 WPF 或 MVVM 方面的专家，但是这听起来不太对劲。我很难相信视图的 WPF 处理会导致您的问题。至少，在我有限的经验中，我从来没有发生过这样的事情。我怀疑罪魁祸首要么是视图模型中的代码，要么是交换出用于数据上下文的视图模型的代码。

【参考方案3】：

在尝试通过各种方式停止 null 设置后，我放弃了，而是让它按如下方式工作。在关闭视图之前，我将 ViewModel 设为只读。我在我的 ViewModelBase 类中完成了这项工作，我在其中添加了一个 IsReadOnly 布尔属性。然后在 ViewModelBase.SetProperty()（见下文）中，当 IsReadOnly 为真时，我会忽略任何属性更改。

    protected bool SetProperty<T>( ref T backingField, T value, string propertyName )
    
        var change = !IsReadOnly && !EqualityComparer<T>.Default.Equals( backingField, value );

        if ( change ) 
            backingField = value;
            OnPropertyChanged( propertyName );
        
        return change;
    

它似乎是这样工作的，尽管我仍然很想知道一个更好的解决方案。

【参考方案4】：

我遇到了同样的问题。对我有用的是从我的 SelectedValueBindings 中删除 UpdateSourceTrigger=PropertyChanged。当您使用该模式时，PropertyChanged UpdateSourceTriggers 似乎会触发关闭视图的绑定属性：

<!--Users DataGrid-->
<DataGrid Grid.Row="0" ItemsSource="Binding DealsUsersViewSource.View"
    AutoGenerateColumns="False" CanUserAddRows="True" CanUserDeleteRows="False"
    HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <DataGrid.Resources>
        <SolidColorBrush x:Key="x:Static SystemColors.InactiveSelectionHighlightBrushKey" Color="#FFC5D6FB"/>
    </DataGrid.Resources>
    <DataGrid.Columns>

          <!--Username Column-->
          <DataGridComboBoxColumn 
            SelectedValueBinding="Binding Username" Header="Username" Width="*">
              <DataGridComboBoxColumn.ElementStyle>
                  <Style TargetType="x:Type ComboBox">
                      <Setter Property="ItemsSource" Value="Binding DataContext.DealsUsersCollection.ViewModels,
                          RelativeSource=RelativeSource AncestorType=x:Type UserControl" />
                      <Setter Property="SelectedValuePath" Value="Username"/>
                      <Setter Property="DisplayMemberPath" Value="Username"/>
                  </Style>
              </DataGridComboBoxColumn.ElementStyle>
              <DataGridComboBoxColumn.EditingElementStyle>
                  <Style TargetType="x:Type ComboBox">
                      <Setter Property="ItemsSource" Value="Binding DataContext.BpcsUsers,
                          RelativeSource=RelativeSource AncestorType=x:Type UserControl" />
                      <Setter Property="SelectedValuePath" Value="Description"/>
                      <Setter Property="DisplayMemberPath" Value="Description"/>
                      <Setter Property="IsEditable" Value="True"/>
                  </Style>
              </DataGridComboBoxColumn.EditingElementStyle>
          </DataGridComboBoxColumn>

          <!--Supervisor Column-->
          <DataGridComboBoxColumn 
            SelectedValueBinding="Binding Supervisor" Header="Supervisor" Width="*">
              <DataGridComboBoxColumn.ElementStyle>
                  <Style TargetType="x:Type ComboBox">
                      <Setter Property="ItemsSource" Value="Binding DataContext.DealsUsersCollection.ViewModels,
                          RelativeSource=RelativeSource AncestorType=x:Type UserControl" />
                      <Setter Property="SelectedValuePath" Value="Username"/>
                      <Setter Property="DisplayMemberPath" Value="Username"/>
                  </Style>
              </DataGridComboBoxColumn.ElementStyle>
              <DataGridComboBoxColumn.EditingElementStyle>
                  <Style TargetType="x:Type ComboBox">
                      <Setter Property="ItemsSource" Value="Binding DataContext.BpcsUsers,
                          RelativeSource=RelativeSource AncestorType=x:Type UserControl" />
                      <Setter Property="SelectedValuePath" Value="Description"/>
                      <Setter Property="DisplayMemberPath" Value="Description"/>
                      <Setter Property="IsEditable" Value="True"/>
                  </Style>
              </DataGridComboBoxColumn.EditingElementStyle>
          </DataGridComboBoxColumn>

          <!--Plan Moderator Column-->
          <DataGridCheckBoxColumn Binding="Binding IsPlanModerator" Header="Plan Moderator?" Width="*"/>

          <!--Planner Column-->
          <DataGridCheckBoxColumn Binding="Binding IsPlanner" Header="Planner?" Width="*"/>

    </DataGrid.Columns>
</DataGrid>

容器视图：

<!--Pre-defined custom styles-->
<a:BaseView.Resources>

    <DataTemplate DataType="x:Type vm:WelcomeTabViewModel">
        <uc:WelcomeTabView/>
    </DataTemplate>
    <DataTemplate DataType="x:Type vm:UserSecurityViewModel">
        <uc:UserSecurityView/>
    </DataTemplate>
    <DataTemplate DataType="x:Type vm:PackItemRegisterViewModel">
        <uc:PackItemsRegisterView/>
    </DataTemplate>

</a:BaseView.Resources>

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="30"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="30"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="30"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="30"/>
    </Grid.RowDefinitions>

    <TabPanel Grid.Column="1" Grid.Row="1">
        <TabControl TabStripPlacement="Top" ItemsSource="Binding TabCollection" SelectedIndex="Binding SelectedTabIndex"
                    DisplayMemberPath="DisplayName" MinWidth="640" MinHeight="480"/>
    </TabPanel>

</Grid>

容器视图模型：

TabCollection.Add(new WelcomeTabViewModel());
TabCollection.Add(new UserSecurityViewModel(_userService, _bpcsUsersLookup));
TabCollection.Add(new PackItemRegisterViewModel(_packItemService, _itemClassLookup));
SelectedTabIndex = 0;

【参考方案5】：

将 UpdateSourceTrigger 显式设置为 LostFocus

如果视图正在关闭并将其数据设置为 null，则它不会影响视图模型中的数据。

<ComboBox Name="SupervisorDropDown" ItemsSource="Binding Path=Supervisors" DisplayMemberPath="sgSupervisor" 
SelectedValuePath="idSupervisor" 
SelectedValue="Binding Path=SelectedSupervisorID, UpdateSourceTrigger=LostFocus" />