自定义用户控件与包含DataTemplate的组合框的WPF绑定

Question

我正在尝试创建一个自定义用户控件，其中包含一个ListView，它包含一个如下所示的数据模板：

<ComboBox  ItemsSource="{Binding ItemsSource, ElementName=root}" 
SelectedItem="{Binding SelectedItem, ElementName=root, Mode=TwoWay}">
<ComboBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">                        

<!-- This is what I tried:

Working but not what I want                 <TextBox Text="{Binding Name}"/>    
Returns the List only the word "FallBack"   <TextBox Text="{Binding ItemText, ElementName=root}" />
Returns the LIst empty                      <TextBox Text="{Binding ItemText}" />
-->

</StackPanel>
</DataTemplate>
</ComboBox.ItemTemplate>
</ComboBox>

在后面的代码中，我已经为这种情况创建了必要的依赖属性(所以我假设(，唯一相关的属性是关于Item Text，它看起来像这样：

#region ItemText
public string ItemText
{
get { return (string)GetValue(ItemTextProperty); }
set { SetValue(ItemTextProperty, value); }
}
// Using a DependencyProperty as the backing store for ItemText.  This enables animation, styling, binding, etc...
public static readonly DependencyProperty ItemTextProperty =
DependencyProperty.Register("ItemText", typeof(string), typeof(CardComboBox), new PropertyMetadata("FallBack"));
#endregion

我想做的是添加类似的用户控件

<local:CardComboBox ItemsSource="{Binding Persons}" SelectedItem="{Binding SelectedPerson}" ItemText="{Binding Name}" IsEnabled="True" />

选项一：

<TextBox Text="{Binding Name}"/>

工作正常，因为类Person的PropertyName是Name，但我显然不想对它进行硬编码。我想将它绑定到我喜欢的任何属性。

选项2:

<TextBox Text="{Binding ItemText, ElementName=root}" />

给我7个项目的列表(按列表(，但只显示单词"；回退"；因为DependencyPropertyMetadata。

选项3:

<TextBox Text="{Binding ItemText}" />

给我列表，但没有任何文本。

我也尝试过使用relativeSource，但只得到了类似的结果。

#region Person
Person _selectedPerson;
public Person SelectedPerson
{
get => _selectedPerson;
set
{
if (value != _selectedPerson)
{
_selectedPerson = value;
OnPropertyChanged("SelectedPerson");
}
}
}

ObservableCollection<Person> _persons;
public ObservableCollection<Person> Persons
{
get => _persons;
set
{
if (value != _persons)
{
_persons = value;
OnPropertyChanged("Persons");
}
}
}
public void populatePersons()
{
Persons = new ObservableCollection<Person>();  
Persons.Add(new Person("Carl"));
Persons.Add(new Person("Max"));
Persons.Add(new Person("May"));
Persons.Add(new Person("Jen"));
Persons.Add(new Person("Charly"));
Persons.Add(new Person("Nora"));
Persons.Add(new Person("Yvonne"));
}
#endregion

我已经添加了要绑定的List。在ViewModel的构造函数中调用了方法Populate Persons。

Answer 1

<TextBox Text="{Binding ItemText, RelativeSource={RelativeSource AncestorType=local:CardComboBox}}" />将把TextBox绑定到父CardComboBox的ItemText依赖属性的当前值(如果需要的话(。

但是，如果要显示每个Person的Name属性的值，并且还希望能够使用ItemText属性指定要绑定到的Person的属性的名称，则必须以编程方式创建绑定。

Answer 2

到目前为止，最接近的解决方案是公开ItemContentTemplate依赖属性，然后将其绑定到静态资源(例如，从App.xaml(

UserControl的XAML如下所示：

<StackPanel Style="{StaticResource CardStackPanel}" Orientation="{Binding Orientation, ElementName=root}" >
<Label  x:Name="Label" Content="{Binding TitleText, ElementName=root}"/>
<ComboBox ItemsSource ="{Binding ItemsSource,           RelativeSource={RelativeSource AncestorType=UserControl}}" 
ItemTemplate="{Binding ItemContentTemplate,   RelativeSource={RelativeSource AncestorType=UserControl}}" 
SelectedItem="{Binding SelectedItem,          RelativeSource={RelativeSource AncestorType=UserControl}, Mode=TwoWay}" />
</StackPanel>

组合框部分的代码隐藏：

public static readonly DependencyProperty ItemsSourceProperty = DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(CardComboBox));
public IEnumerable ItemsSource
{
get { return (IEnumerable)GetValue(ItemsSourceProperty); }
set { SetValue(ItemsSourceProperty, value); }
}

public static readonly DependencyProperty SelectedItemProperty = DependencyProperty.Register("SelectedItem", typeof(object), typeof(CardComboBox));
public object SelectedItem
{
get { return GetValue(SelectedItemProperty); }
set { SetValue(SelectedItemProperty, value); }
}
public DataTemplate ItemContentTemplate
{
get { return (DataTemplate)GetValue(ItemContentTemplateProperty); }
set { SetValue(ItemContentTemplateProperty, value); }
}
public static readonly DependencyProperty ItemContentTemplateProperty =
DependencyProperty.Register("ItemContentTemplate", typeof(DataTemplate), typeof(CardComboBox));

App.xaml中的静态资源(示例(：

<DataTemplate x:Key="FirstNamesTemplate">
<Label Content="{Binding FirstName}"/>
</DataTemplate>

ComboBoxCard的实现现在看起来是这样的：

<local:CardComboBox ItemsSource="{Binding PersonModels}" SelectedItem="{Binding SelectedPersonModel, Mode=TwoWay}" ItemContentTemplate="{StaticResource FirstNamesTemplate}" TitleText="With StaticResource" IsEnabled="False"/>

此模式允许在自定义用户控件中实现组合框或列表视图。