Siliverlight 数据绑定组合框不显示初始化值

Question

我正在将视图数据绑定到视图模型，并且无法将组合框初始化为默认值。我在绑定中使用的类的简化是

public class LanguageDetails
{
  public string Code { get; set; }
  public string Name { get; set; }
  public string EnglishName { get; set; }

  public string DisplayName
  {
    get
    {
      if (this.Name == this.EnglishName)
      {
        return this.Name;
      }
      return String.Format("{0} ({1})", this.Name, this.EnglishName);
    }
  }
}

组合框在视图的 XAML 中声明为

<ComboBox x:Name="LanguageSelector" Grid.Row="0" Grid.Column="1" 
          SelectedItem="{Binding SelectedLanguage,Mode=TwoWay}" 
          ItemsSource="{Binding AvailableLanguages}">
  <ComboBox.ItemTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding DisplayName}"/>
    </DataTemplate>
  </ComboBox.ItemTemplate>
</ComboBox>

并且视图模型包含此代码

private List<LanguageDetails> _availableLanguages;
private LanguageDetails _selectedLanguage;

public LoginViewModel()
{
  _availableLanguages = LanguageManager.GetLanguageDetailsForSet(BaseApp.AppLanguageSetID);
  _selectedLanguage = _availableLanguages.SingleOrDefault(l => l.Code == "en");
}

public LanguageDetails SelectedLanguage
{
  get { return _selectedLanguage; }
  set
  {
    _selectedLanguage = value;
    OnPropertyChanged("SelectedLanguage");
  }
}

public List<LanguageDetails> AvailableLanguages
{
  get { return _availableLanguages; }
  set
  {
    _availableLanguages = value;
    OnPropertyChanged("AvailableLanguages");
  }
}

在构造函数的末尾，_availableLanguages 和 _selectedLanguage 变量都按预期设置，组合框的下拉列表包含 _availableLanguages 中的所有项目，但所选值不显示在组合框中。从下拉列表中选择一个项目会正确显示它并在视图模型中设置 SelectedLanguage 属性。 setter 中的断点表明 _selectedLanguage 仍然包含它被初始化的内容，直到它被 value 覆盖。

我怀疑我遗漏了一些小东西，但是在尝试了各种方法和大量谷歌搜索之后，我仍然感到困惑。我可以通过其他方式达到预期的结果，但我真的想掌握正确使用数据绑定的方法。

Answer 1

您需要更改 XAML 中的绑定顺序，以便您的 ItemsSource 在 SelectedItem 之前绑定。

<ComboBox x:Name="LanguageSelector" Width="100"  
        ItemsSource="{Binding AvailableLanguages}"
        SelectedItem="{Binding SelectedLanguage,Mode=TwoWay}">
        <ComboBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding DisplayName}"/>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

如果您在 SelectedLanguage 和 AvailibleLanguage 的“获取”上设置断点，您会注意到 SelectedLanguage 在您的 AvailibleLanguage 之前被命中。由于发生这种情况，因此无法设置 SelectedLanguage，因为尚未填充 ItemsSource。更改 XAML 中绑定的顺序将使 AvailibleLanguages 先被命中，然后是 SelectedLanguage。这应该可以解决您的问题。

Answer 2

1) 分配 SelectedLanguage 时，请使用公共属性 SelectedLanguage 而不是私有 _selectedLanguage，以便执行 setter，

2) 您需要将选定语言的分配移动到视图加载的那一刻。您可以通过在视图上实现 Loaded 事件处理程序来实现。如果您想“兼容 mvvm”，那么您应该使用 Blend 行为，它将 UI 加载事件映射到您将在其中设置所选语言的 viewmodel 命令实现。