使用 MVVM 在组合框中设置默认值

Question

我正在尝试在应用程序首次使用 MVVM 模式加载时将默认值设置为组合框，看起来这一直是未设置的，当页面加载时组合框一直为空。

这是我的 xaml：

    <ComboBox Grid.Row="0" Margin="10,0,0,0" Grid.Column="1" 
              SelectedItem="{Binding Path=JuiceOperations.SelectedItemOption, Mode=TwoWay}"
              SelectedIndex="{Binding Path=JuiceOperations.SelectedComboBoxOptionIndex, Mode=TwoWay}"
              SelectedValue="{Binding Path=JuiceOperations.SelectedComboBoxOptionIndex, Mode=TwoWay}"
              ItemsSource="{Binding Path=JuiceOperations.JuiceOptions}" />

这是视图模型代码，带有它的默认构造函数：

    public JuiceViewModel()
    {
        juiceOperations.SelectedComboBoxOptionIndex = 0;
        juiceOperations.SelectedItemOption = "Cola";
    }

我正在尝试设置组合框的默认值。

这就是属性的样子：

private List<string> juiceOptions = new List<string> { "Cola", "Sprite", "Fanta", "Pepsi" };

    private string selectedItemOption = string.Empty;

    private int selectedComboBoxOptionIndex = 0;

    public int SelectedComboBoxOptionIndex
    {
        get
        {
            return this.selectedComboBoxOptionIndex;
        }

        set
        {
            this.selectedComboBoxOptionIndex = value;
            this.OnPropertyChanged("SelectedComboBoxOptionIndex");
        }
    }

    public List<string> JuiceOptions
    {
        get
        {
            return this.juiceOptions;
        }

        set
        {
            this.juiceOptions = value;
        }
    }

    public string SelectedItemOption
    {
        get
        {
            return this.selectedItemOption;
        }

        set
        {
            this.selectedItemOption = value;
            this.OnPropertyChanged("SelectedItemOption");
        }
    }

当从组合框中选择一个项目时，选择会更新到模型和视图中，因此它按预期工作，但是当页面首次加载时，即使正在调用“SelectedComboBoxOptionIndex”和“SelectedItemOption”并且它们的值已更新，页面视图未更新，空字符串显示在组合框中，我希望在该组合框中看到“Cola”值，而不是空字符串。

谁能解释我做错了什么以及我应该如何将默认的“可乐”值设置到组合框中？

Answer 1

仅将ComboBox 的SelectedItem 属性绑定到SelectedItemOption 源属性，并将后者设置为视图模型中的字符串“Cola”。这应该有效：

<ComboBox Grid.Row="0" Margin="10,0,0,0" Grid.Column="1" 
          SelectedItem="{Binding Path=JuiceOperations.SelectedItemOption}"
          ItemsSource="{Binding Path=JuiceOperations.JuiceOptions}" />

---

public JuiceViewModel()
{
    juiceOperations.SelectedItemOption = "Cola";
}

不要混用 SelectedItem、SelectedIndex 和 SelectedValue。你只需要一个。

Answer 2

mm8 以上绝对正确，应该可以解决您的问题。

附带说明，您所拥有的内容适用于静态选择列表，但请考虑使用ObservableCollection<string> 而不是List<string>。前者实现了 INotifyCollectionChanged，它允许在集合发生更改时通知视图。当您将 Observable Collection 绑定到视图时，视图会自动订阅 CollectionChanged 事件。如果您需要在运行时添加或删除选项，您将需要它。旁注，如果您只是修改一个项目，OnCollectionChanged 将不会触发，因为您仍然需要在 setter 中调用OnPropertyChanged("JuiceOptions")。

类似这样的东西（带有适当的私有支持字段）：

public ObservableCollection<string> JuiceOptions
{
    get
    {
        return this.juiceOptions;
    }

    set
    {
        this.juiceOptions = value;
        this.OnPropertyChanged("JuiceOptions");
    }
}

Answer 3

juiceOperations.SelectedItemOption的值，即"Cola"，与ItemsSource中存储的"Cola"不同。你需要做类似juiceOperations.SelectedItemOption = juiceOperations.JuiceOptions.First()的事情。