显示选定的组合框项目显示名称

我有ValueMember="Id"和DisplayMember="Id"一个ComboBox，并要在标签中显示所选项目属性Name，后ComboBox在选定的一些价值。我正在使用某种MVVM pattern。所以，我绑定SelectedId到模型和ItemsSource到ViewModel。（如果我把ItemsSource在型号很容易 - 用setter和OnPropertyChanged()，但现在我在模型中的很多领域，其仅用于UI表示）显示选定的组合框项目显示名称

我已经成功地显示所选项目的名称使用combobox LostFocus事件，其中我调用ViewModel方法，其中我使用LINQ获取属性Name（来自List，，其中l.Id=Model.SelectedId）。

但是，有没有更简单的方法？

来源

2011-11-30 davor

您可以直接绑定到ComboBox为您的标签：

 <ComboBox Name="MyCombo" ItemsSource="{Binding ComboListObjects}" SelectedItem="{Binding ComboSelection}" /> 
     <Label Content="{Binding ElementName=MyCombo, Path=SelectedValue}"/>

然而，由于您使用的视图模型，你应该改变了一下周围的东西。 Combobox上没有SelectedId，所以我假设你的意思是SelectedValue。相反，我建议在ViewModel上创建一个属性来保存SelectedItem。我已经包含了一个样本：

视图模型：

public class MyViewModel : INotifyPropertyChanged 
{ 
    public List<MyObject> ComboListObjects 
    { 
     get{ 
      return new List<MyObject>(); // <-- fill this 
     } 
    } 

    private MyObject _selectedItem = null; 
    public MyObject ComboSelection 
    { 
     get { return _selectedItem; } 
     set { 
      _selectedItem = value; 
      NotifyPropertyChanged("ComboSelection"); 
     } 
    } 
}

查看：

<ComboBox Name="MyCombo" ItemsSource="{Binding ComboListObjects}" SelectedItem="{Binding ComboSelection}" /> 
    <Label Content="{Binding ComboSelection.Id}"/> 
    <Label Content="{Binding ComboSelection.Name}"/> 
    <Label Content="{Binding ComboSelection.OtherInfo}"/>

如果你打算使用MVVM，避免使用代码隐藏，尤其是活动的，除非你正在写一自定义控件。

希望帮助...

来源

2011-12-01 00:08:32

我同意。 'SelectedItem'是要走的路，因为然后他可以将任何其他字段绑定到SelectedItem（或SelectedItem上的一个属性）。 –

谢谢。但现在问题是我在模型中使用entlib验证程序，如果我将选定的ComboBox对象绑定到ViewModel，那么我无法在ComboBox中显示验证结果图像（因为Combobox绑定ViewModel.Object，而不是Model.SelectedObjectId） – davor

，我的朋友，是一匹不同颜色的马。您应该相应地检查或更改验证程序（因此它不需要该ID，但可以解析实例中的ID。 –

下面是如何组合框绑定到一个书单，并使用MVVM的标签上显示的书名的例子。

在XAML标记，使用的ItemsSource及的SelectedItem属性

<ComboBox Name="cbBook" ItemsSource="{Binding Books}" SelectedItem="{Binding SelectedBook, Mode=TwoWay}" /> 
<Label DataContext="{Binding SelectedBook}" Content="{Binding Title}" />

视图中的组合框绑定到视图模型，设置在DataContext到您的视图模型类

public partial class MyView : UserControl 
{ 
    public MyView() 
    { 
     InitializeComponent(); 
     DataContext = new BookViewModel(); 
    } 
}

视图模型应该具有您将绑定到的公共属性。

public class BookViewModel : BaseViewModel 
{ 
    public BookViewModel() 
    { 
     Books = new ObservableCollection<Book>(); 
    } 

    public ObservableCollection<Book> Books { get; set; } 

    private Book _selectedBook; 
    public Book SelectedBook 
    { 
     get { return _selectedBook; } 
     set 
     { 
      _selectedBook = value; 
      NotifyPropertyChanged(() => SelectedBook); 
     } 
    } 
}

该基类实现INotifyPropertyChanged接口。我为类型安全使用了lambda表达式。

public abstract class BaseViewModel : INotifyPropertyChanged 
{ 
    protected void NotifyPropertyChanged<T>(Expression<Func<T>> expression) 
    { 
     if (PropertyChanged != null) 
     { 
      PropertyChanged(this, new PropertyChangedEventArgs(((MemberExpression)expression.Body).Member.Name)); 
     } 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
}

来源

2011-12-01 00:46:25

显示选定的组合框项目显示名称

回答

相关问题