跨页面ComboBox值同步求助：Page1与Page2间数据传递实现

嘿，这个场景我太熟了——用Frame导航页面，还要让两个页面的下拉框选中值同步对吧？给你几个落地性强的方案，挑适合你项目的来：

方案一：共享同一个数据源与选中状态（最省心的MVVM方式） #

既然你说两个ComboBox的数据源完全相同，那最根本的解决办法就是让它们绑定到同一个ViewModel的属性上，而不是各自搞一套。这样不管在哪个页面修改选中值，另一个页面回来时自动同步，因为底层是同一个状态。

具体步骤： #

1. 先在父窗口（或者全局）创建一个共享的ViewModel，包含数据源和选中项属性：

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Collections.ObjectModel;

public class SharedViewModel : INotifyPropertyChanged
{
    // 共享的数据源
    private ObservableCollection<string> _comboItems;
    public ObservableCollection<string> ComboItems
    {
        get => _comboItems;
        set { _comboItems = value; OnPropertyChanged(); }
    }

    // 共享的选中项
    private string _selectedComboItem;
    public string SelectedComboItem
    {
        get => _selectedComboItem;
        set { _selectedComboItem = value; OnPropertyChanged(); }
    }

    // 实现INotifyPropertyChanged通知UI更新
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // 构造函数初始化数据源
    public SharedViewModel()
    {
        ComboItems = new ObservableCollection<string> { "选项1", "选项2", "选项3" };
    }
}

2. 把这个ViewModel设置为父窗口的DataContext：

public MainWindow()
{
    InitializeComponent();
    DataContext = new SharedViewModel();
}

3. 两个页面的ComboBox绑定到这个共享ViewModel的属性：
   Page1的ComboBox XAML：

<ComboBox x:Name="combobox1"
          ItemsSource="{Binding DataContext.ComboItems, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
          SelectedItem="{Binding DataContext.SelectedComboItem, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />

Page2的ComboBox XAML同理：

<ComboBox x:Name="combobox2"
          ItemsSource="{Binding DataContext.ComboItems, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
          SelectedItem="{Binding DataContext.SelectedComboItem, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />

这样不管你在Page2选了什么，跳回Page1时combobox1会自动显示选中值——因为它们绑定的是同一个SelectedComboItem属性。

方案二：导航时直接传递选中值（适合简单场景） #

如果你不想用MVVM，只想用代码后台快速解决，那可以在从Page2跳回Page1的时候，把combobox2的选中值作为参数传过去。

具体代码： #

1. 修改Page1的构造函数，添加参数接收选中值：

public Page1(string preSelectedValue = null)
{
    InitializeComponent();
    // 如果有传递过来的选中值，直接设置
    if (!string.IsNullOrEmpty(preSelectedValue))
    {
        combobox1.SelectedItem = preSelectedValue;
    }
}

2. 在Page2的button2点击事件里，传递值并导航：

private void Button2_Click(object sender, RoutedEventArgs e)
{
    // 获取combobox2的选中值
    string selectedVal = combobox2.SelectedItem?.ToString();
    // 导航回Page1并传参
    NavigationService.Navigate(new Page1(selectedVal));
}

这种方式简单直接，适合小型项目或者快速原型开发。

方案三：用消息传递解耦页面（适合复杂MVVM项目） #

如果你的页面之间没有直接引用，或者想保持解耦，可以用消息传递框架（比如MVVM Light的Messenger）来同步值。

示例代码（MVVM Light）： #

1. 在Page2的ViewModel中，点击button2时发送消息：

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Messaging;

public class Page2ViewModel : ViewModelBase
{
    private string _selectedItem;
    public string SelectedItem
    {
        get => _selectedItem;
        set => Set(ref _selectedItem, value);
    }

    // 按钮点击命令
    public RelayCommand GoBackCommand => new RelayCommand(() =>
    {
        // 发送同步消息
        Messenger.Default.Send(SelectedItem, "SyncComboValue");
        // 执行导航逻辑（这里可以通过绑定或者其他方式处理导航）
    });
}

2. 在Page1的ViewModel中订阅消息：

public class Page1ViewModel : ViewModelBase
{
    private string _selectedItem;
    public string SelectedItem
    {
        get => _selectedItem;
        set => Set(ref _selectedItem, value);
    }

    public Page1ViewModel()
    {
        // 订阅同步消息
        Messenger.Default.Register<string>(this, "SyncComboValue", (value) =>
        {
            SelectedItem = value;
        });
    }
}

这种方式完全解耦了两个页面，适合大型项目中维护复杂的页面交互。

个人最推荐方案一，因为你的数据源本来就相同，共享状态是最符合逻辑的做法，后续维护也更简单。

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