WPF+MVVM下ComboBox选择变更的确认拦截实现问题

问题背景 #

需要实现：用户修改ComboBox选中项时，弹出确认对话框，若用户取消则保持原选中状态。

已尝试方案及问题 #

1. 双向绑定属性拦截
   初始尝试通过双向绑定SelectedSite，在属性setter中调用CanChangeSite()判断是否允许变更，但由于WPF双向绑定的特性，UI会直接更新选中状态，导致ViewModel的SelectedSite未更新但UI已变更，出现绑定不一致的问题。

   对应代码：
   SelectSiteView（XAML）初始代码

   <ComboBox Name="SiteSelectionComboBox"
             ItemsSource="{Binding SiteList}"
             SelectedItem="{Binding SelectedSite}"/>
   

   SelectSiteViewModel初始代码

   private List<string> siteList;
   public List<string> SiteList
   {
       get { return siteList; }
       set { siteList = value;
           OnPropertyChanged();
       }
   }
   
   private string selectedSite;
   public string SelectedSite
   {
       get { return selectedSite; }
       set {
           if (CanChangeSite())
           {
               selectedSite = value;
               OnPropertyChanged();
           }
           // 取消时，ComboBox仍变更了选择，但SelectedSite未更新，出现不一致
       }
   }
   
   private bool CanChangeSite()
   {
       MessageBoxResult result = MessageBox.Show("Are you sure?", "WARNING", MessageBoxButton.YesNo, MessageBoxImage.Question);
       return result == MessageBoxResult.Yes;
   }
   

2. Interaction.Triggers绑定命令
   尝试用Interaction.Triggers绑定SelectionChanged事件到ViewModel的命令，传递事件参数，但无法访问参数的AddedItems、RemovedItems属性，无法实现选择回滚，且不想依赖MVVMLite框架。

   对应代码：
   SelectSiteView（XAML）事件绑定代码

   xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
   
   <ComboBox Name="SiteSelectionComboBox"
             ItemsSource="{Binding SiteList}"
             SelectedItem="{Binding SelectedSite}">
       <i:Interaction.Triggers>
           <i:EventTrigger EventName="SelectionChanged">
               <i:InvokeCommandAction Command="{Binding SelectionChangedCommand}" PassEventArgsToCommand="True"/>
           </i:EventTrigger>
       </i:Interaction.Triggers>
   </ComboBox>
   

   SelectSiteViewModel事件命令代码

   public ICommand SelectionChangedCommand { get; set; }
   public SelectSiteViewModel(MainViewModel main)
   {
       SelectionChangedCommand = new RelayCommand(o => SelectionChangedAction(o));
   }
   public void SelectionChangedAction(object param)
   {
       MessageBox.Show("selection changed command activated, param = " + param.ToString());
       if (param == null)
           MessageBox.Show("NULL");
       // 无法访问param.AddedItems，无法获取新选项目及回滚原选择
   }
   

可行解决方案（不依赖第三方MVVM库） #

方案1：View层事件处理+ViewModel交互

在View的代码隐藏中处理SelectionChanged事件，直接获取事件参数的AddedItems和RemovedItems，弹窗确认后决定是否回滚选择，同时同步ViewModel的SelectedSite属性。

步骤：

1. 移除XAML中的Interaction.Triggers，保留基础绑定：

   <ComboBox Name="SiteSelectionComboBox"
             ItemsSource="{Binding SiteList}"
             SelectedItem="{Binding SelectedSite, UpdateSourceTrigger=PropertyChanged}"
             SelectionChanged="SiteSelectionComboBox_SelectionChanged"/>
   

2. 在View的代码隐藏中实现事件处理：

   private string _previousSelectedSite;
   
   private void SiteSelectionComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
   {
       var comboBox = sender as ComboBox;
       if (comboBox == null || e.AddedItems.Count == 0) return;
   
       string newSelectedSite = e.AddedItems[0] as string;
       // 首次加载时记录初始选中项
       if (_previousSelectedSite == null)
       {
           _previousSelectedSite = newSelectedSite;
           return;
       }
   
       MessageBoxResult result = MessageBox.Show("确认要变更选择吗？", "提示", MessageBoxButton.YesNo, MessageBoxImage.Question);
       if (result == MessageBoxResult.No)
       {
           // 回滚选择，需暂时禁用事件避免循环触发
           comboBox.SelectionChanged -= SiteSelectionComboBox_SelectionChanged;
           comboBox.SelectedItem = _previousSelectedSite;
           comboBox.SelectionChanged += SiteSelectionComboBox_SelectionChanged;
           // 同步ViewModel属性
           ((SelectSiteViewModel)DataContext).SelectedSite = _previousSelectedSite;
           return;
       }
   
       // 确认变更，更新之前的选中项
       _previousSelectedSite = newSelectedSite;
   }
   

3. ViewModel中简化SelectedSite的setter，无需在内部做弹窗判断：

   private string selectedSite;
   public string SelectedSite
   {
       get { return selectedSite; }
       set {
           if (selectedSite != value)
           {
               selectedSite = value;
               OnPropertyChanged();
           }
       }
   }
   

方案2：自定义附加属性（更贴合MVVM）

如果不想在代码隐藏中写逻辑，可以自定义一个附加属性，将确认逻辑封装进去，ViewModel只需提供确认方法。

自定义附加属性代码：

public static class ComboBoxSelectionConfirm
{
    public static readonly DependencyProperty ConfirmSelectionProperty =
        DependencyProperty.RegisterAttached("ConfirmSelection", typeof(bool), typeof(ComboBoxSelectionConfirm), new PropertyMetadata(false, OnConfirmSelectionChanged));

    public static bool GetConfirmSelection(DependencyObject obj)
    {
        return (bool)obj.GetValue(ConfirmSelectionProperty);
    }

    public static void SetConfirmSelection(DependencyObject obj, bool value)
    {
        obj.SetValue(ConfirmSelectionProperty, value);
    }

    private static void OnConfirmSelectionChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var comboBox = d as ComboBox;
        if (comboBox == null) return;

        if ((bool)e.NewValue)
        {
            comboBox.SelectionChanged += ComboBox_SelectionChanged;
        }
        else
        {
            comboBox.SelectionChanged -= ComboBox_SelectionChanged;
        }
    }

    private static void ComboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        var comboBox = sender as ComboBox;
        if (comboBox == null || e.AddedItems.Count == 0) return;

        // 弹窗确认
        MessageBoxResult result = MessageBox.Show("确认要变更选择吗？", "提示", MessageBoxButton.YesNo, MessageBoxImage.Question);
        if (result == MessageBoxResult.No)
        {
            // 回滚到原选择
            comboBox.SelectionChanged -= ComboBox_SelectionChanged;
            comboBox.SelectedItem = e.RemovedItems.Count > 0 ? e.RemovedItems[0] : comboBox.SelectedItem;
            comboBox.SelectionChanged += ComboBox_SelectionChanged;
        }
    }
}

使用方式：

1. XAML中引用附加属性所在的命名空间，然后设置属性：

   xmlns:local="clr-namespace:你的项目命名空间"
   
   <ComboBox Name="SiteSelectionComboBox"
             ItemsSource="{Binding SiteList}"
             SelectedItem="{Binding SelectedSite}"
             local:ComboBoxSelectionConfirm.ConfirmSelection="True"/>
   

2. ViewModel保持原属性逻辑即可，无需额外修改。

说明 #

• 方案1简单直接，适合小型项目；方案2更符合MVVM思想，逻辑可复用，无需依赖第三方库。
• 两种方案都避免了双向绑定导致的不一致问题，通过事件拦截实现选择回滚。

内容的提问来源于stack exchange，提问作者teriyakiforandy