WPF ComboBox SelectedItem 绑定

Question

我有一个 WPF ComboBox，并使用 MVVM 绑定 ItemsSource 和 SelectedItem 属性。基本上我想做的是，当用户在组合框中选择特定项目时，组合框会选择不同的项目。

<ComboBox ItemsSource="{Binding TestComboItemsSource}" SelectedItem="{Binding TestComboItemsSourceSelected}"></ComboBox>

出于演示目的，我还有一个用于更新 SelectedItem 的按钮。

<Button Command="{Binding DoStuffCommand}">Do stuff</Button>

我的 viewModel 中有这个：

    public ObservableCollection<string> TestComboItemsSource { get; private set; }

    public MyConstructor()
    {
        TestComboItemsSource = new ObservableCollection<string>(new []{ "items", "all", "umbrella", "watch", "coat" });
    }

    private string _testComboItemsSourceSelected;
    public string TestComboItemsSourceSelected
    {
        get { return _testComboItemsSourceSelected; }
        set
        {
            if (value == "all")
            {
                TestComboItemsSourceSelected = "items";
                return;
            }

            _testComboItemsSourceSelected = value;
            PropertyChanged(this, new PropertyChangedEventArgs(TestComboItemsSourceSelected))
        }
    }

    private ICommand _doStuffCommand;

    public ICommand DoStuffCommand
    {
        get
        {
            return _doStuffCommand ?? (_doStuffCommand = new RelayCommand(p =>
                                                                              {
                                                                                  TestComboItemsSourceSelected = "items";
                                                                              })); }
    }

好的，所以我想让组合框在用户选择项目“all”时选择项目“items”。 使用该按钮，我可以更新组合框的 SelectedItem，并且可以在 UI 中看到这一点，

我有类似的逻辑来更新 TestComboItemsSourceSelected 属性的 setter 中的 viewModel。如果用户选择“all”，请将 SelectedItem 设置为“items”，因此从代码角度来看，viewmodel 属性会发生更改，但由于某种原因，这不会反映在 UI 中。我错过了什么吗？我的实现方式是否有某种副作用？

Answer 1

嗯，这是因为您在另一个更改正在进行时更改了属性。设置此属性时，WPF 不会侦听该属性的 PropertyChanged 事件。

要解决此问题，您可以使用调度程序“安排”新更改，以便它将在当前更改完成后执行：

public string TestComboItemsSourceSelected
{
    get { return _testComboItemsSourceSelected; }
    set
    {
        if (value == "all")
        {
            Application.Current.Dispatcher.BeginInvoke(new Action(() => {
               TestComboItemsSourceSelected = "items";
            }));
            return;
        }

        _testComboItemsSourceSelected = value;
        PropertyChanged(this, new PropertyChangedEventArgs(TestComboItemsSourceSelected))
    }
}

Answer 2

您所描述的行为对我来说似乎很奇怪，但如果您想要“全选”功能，标准方法是创建一个组合框，其中项目有一个复选框。

每个项目都由一个小的 ViewModel 表示（通常具有 Id、Name 和 IsChecked 属性），并且您手动创建一个“选择所有项目”，该项目首先添加到 ObservableCollection 中，并订阅其 PropertyChanged 以设置项目的其余部分IsChecked 属性为 true。