ItemsControl中使用的DataTemplate内WPF组合框的默认SelectedItem不起作用
本文关键字:组合 默认 不起作用 SelectedItem WPF DataTemplate ItemsControl | 更新日期: 2024-09-19 18:50:11
在严格遵守MVVM模式的同时,如何使位于ItemsControl
元素内DataTemplate
内的WPF ComboBox
具有并始终具有默认SelectedItem
?
我的目标是定义一个"表单字段"列表,然后通过模板将其转换为实际的表单字段(即-TextBox
、ComboBox
、DatePicker
等)。字段列表是100%动态的,用户可以随时添加和删除字段。
伪实现是:
MainWindow
-> Sets FormViewModel as DataContext
FormViewModel (View Model)
-> Populated the `Fields` Property
Form (View)
-> Has an `ItemsControl` element with the `ItemsSource` bound to FormViewModel's `Fields` Property
-> `ItemsControl` element uses an `ItemTemplateSelector` to select correct template based on current field's type**
FormField
-> Class that has a `DisplayName`, `Value`, and list of `Operators` (=, <, >, >=, <=, etc.)
Operator
-> Class that has an `Id` and `Label` (i.e.: Id = "<=", Label = "Less Than or Equal To")
DataTemplate
-> A `DataTemplate` element for each field type* that creates a form field with a label, and a `ComboBox` with the field's available Operators
*** The `Operators` ComboBox is where the issue occurs ***
**实际字段的"类型"及其包含的实现不包括在本问题中,因为它与显示问题无关。
以下是生成表单所需的主要类,基于上面的伪实现:
FormViewModel.cs
public class FormViewModel : INotifyPropertyChanged {
protected ObservableCollection<FormField> _fields;
public ObservableCollection<FormField> Fields {
get { return _fields; }
set { _fields = value; _onPropertyChanged("Fields"); }
}
public event PropertyChangedEventHandler PropertyChanged;
protected void _onPropertyChanged(string propertyName) {
if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
public FormViewModel() {
// create a sample field that has a list of operators
Fields = new ObservableCollection<FormField>() {
new FormField() {
DisplayName = "Field1",
Value = "Default Value",
Operators = new ObservableCollection<Operator>() {
new Operator() { Id = "=", Label = "Equals" },
new Operator() { Id = "<", Label = "Less Than" },
new Operator() { Id = ">", Label = "Greater Than" }
}
}
};
}
}
表单.xaml
<UserControl.Resources>
<ResourceDictionary Source="DataTemplates.xaml" />
</UserControl.Resources>
<ItemsControl
ItemsSource="{Binding Fields}"
ItemTemplateSelector="{StaticResource fieldTemplateSelector}">
<ItemsControl.Template>
<ControlTemplate TargetType="ItemsControl">
<ItemsPresenter />
</ControlTemplate>
</ItemsControl.Template>
</ItemsControl>
表单.xaml.cs
public partial class Form : UserControl {
public static readonly DependencyProperty FieldsProperty = DependencyProperty.RegisterAttached("Fields", typeof(ObservableCollection<FormField>), typeof(Form));
public ObservableCollection<FormField> Fields {
get { return ((ObservableCollection<FormField>)GetValue(FieldsProperty)); }
set { SetValue(FieldsProperty, ((ObservableCollection<FormField>)value)); }
}
public Form() {
InitializeComponent();
}
}
字段模板选择器.cs
public class FieldTemplateSelector : DataTemplateSelector {
public DataTemplate DefaultTemplate { get; set; }
public override DataTemplate SelectTemplate(object item, DependencyObject container) {
FrameworkElement element = (container as FrameworkElement);
if ((element != null) && (item != null) && (item is FormField)) {
return (element.FindResource("defaultFieldTemplate") as DataTemplate);
}
return DefaultTemplate;
}
}
数据模板.xaml
<local:FieldTemplateSelector x:Key="fieldTemplateSelector" />
<DataTemplate x:Key="defaultFieldTemplate">
<StackPanel Orientation="Vertical">
<TextBlock Text="{Binding Path=DisplayName}" />
<TextBox Text="{Binding Path=Value, UpdateSourceTrigger=PropertyChanged}" />
<ComboBox
ItemsSource="{Binding Path=Operators}"
DisplayMemberPath="Label" SelectedValuePath="Id"
SelectedItem="{Binding SelectedOperator, Mode=TwoWay}"
HorizontalAlignment="Right"
/>
</StackPanel>
</DataTemplate>
FormField.cs
public class FormField : INotifyPropertyChanged {
public string DisplayName { get; set; }
public string Value { get; set; }
protected ObservableCollection<Operator> _operators;
public ObservableCollection<Operator> Operators {
get { return _operators; }
set {
_operators = value;
_onPropertyChanged("Operators");
}
}
protected Operator _selectedOperator;
public Operator SelectedOperator {
get { return _selectedOperator; }
set { _selectedOperator = value; _onPropertyChanged("SelectedOperator"); }
}
public event PropertyChangedEventHandler PropertyChanged;
protected void _onPropertyChanged(string propertyName) {
if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
操作员.cs
public class Operator {
public string Id { get; set; }
public string Label { get; set; }
}
表单生成正确;Fields
列表中的所有"表单字段"都被创建为TextBox
元素,其名称显示为标签,并且每个字段都有一个ComboBox
,其中包含运算符。但是,默认情况下,ComboBox
没有选择项目。
我解决这个问题的第一步是在ComboBox
上设置SelectedIndex=0
;这没用。经过反复试验,我选择使用DataTrigger
,如以下所示:
<ComboBox
ItemsSource="{Binding Path=Operators}"
DisplayMemberPath="Label" SelectedValuePath="Id"
SelectedItem="{Binding SelectedOperator, Mode=TwoWay}"
HorizontalAlignment="Right">
<ComboBox.Style>
<Style TargetType="{x:Type ComboBox}">
<Style.Triggers>
<!-- select the first item by default (if no other is selected) -->
<DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem}" Value="{x:Null}">
<Setter Property="SelectedIndex" Value="0"/>
</DataTrigger>
</Style.Triggers>
</Style>
</ComboBox.Style>
</ComboBox>
我添加的触发器将检查当前SelectedItem
是否为null
,如果是,则将SelectedIndex
设置为0。这很管用!当我运行应用程序时,每个ComboBox
都有一个默认选择的项目!但等等,还有更多:如果某个项目随后从Fields
列表中删除并在任何时候添加回来,则ComboBox
不会再次选择任何项目。基本上,当第一次创建字段时,数据触发器会选择运算符列表中的第一项,并将其设置为字段的SelectedItem
。当该字段被移除然后再添加回来时,SelectedItem
不再是null
,因此原始的DataTrigger不起作用。奇怪的是,尽管SelectedItem属性显然有绑定,但当前选择的项并没有被选中。
摘要:当在DataTemplate中使用ComboBox
时,ComboBox
的SelectedItem
不会将其绑定属性用作默认值。
我尝试过的:
当
SelectedItem
为空时触发DataTrigger以选择列表中的第一项
结果:创建字段时正确选择项目;将字段从显示中删除然后再添加回来时,将丢失项目。与1相同,加上
SelectedItem
不为空时的DataTrigger,以重新选择列表中的第一项
结果:与#1结果相同+当该字段从显示中删除并重新添加时,正确选择列表中的第一个项目;如果使用已创建的FormField
项目重新创建整个Fields
列表本身,则所选项目再次为空。此外,预先选择之前选择的操作员也很好(但不是要求)。使用
SelectedIndex
而不是SelectedItem
,带有和不带有DataTriggers(如#1和#2所示)
结果:在任何一种情况下都没有成功选择默认项,几乎就像在ItemsSource
之前读取SelectedIndex
一样。使用DataTrigger检查
Items.Count
属性;如果大于零,则将SelectedItem
设置为列表中的第一个元素
结果:未成功选择项目。与4相同,但使用
SelectedIndex
而不是SelectedItem
结果:与#1结果相同将
IsSynchronizedWithCurrentItem
与True
和False
值一起使用
结果:未选择任何内容。重新排序XAML属性以将
SelectedItem
(以及使用时的SelectedIndex
)置于ItemsSource
之前。我在网上读到,每一次测试都是这样做的,这很有帮助
结果:没有帮助。为
Operators
属性尝试了不同类型的集合。我使用过List
、IEnumerable
、ICollectionView
,目前正在使用ObservableCollection
结果:除了IEnumerable
之外,所有字段都提供了相同的输出——它在删除/重新添加字段后丢失了值。
如有任何帮助,我们将不胜感激。
虽然我重新构造了我的应用程序,上面的问题不再存在,但我也找到了解决它的解决方案!
步骤:
-
根据Will的注释中的提示,我更新了
Form
的codeehind,为FieldsProperty
添加了一个PropertyMetadata
回调。 -
来自#1的回调遍历整个字段列表,并使用
Dispatcher.BeginInvoke()
在Input
优先级上调用Delegate Action,该操作将把当前字段的SelectedOperator
设置为字段的Operators
列表中的第一个运算符。- 在不使用
.BeginInvoke()
或任何其他较低优先级的情况下,更新将尝试在生成GUI之前访问字段,并将失败
- 在不使用
-
从
DataTemplate
中的Operators
ComboBox
中删除了DataTriggers
(现在,它与我问题中DataTemplates.xaml
的第一个代码示例相同)。
新的工作代码(仅限更新):
Form.cs
...
public static readonly DependencyProperty FieldsProperty =
DependencyProperty.RegisterAttached("Fields", typeof(ObservableCollection<FormField>), typeof(Form), new PropertyMetadata(_fieldsListUpdated));
...
// PropertyMetaData-callback for when the FieldsProperty is updated
protected static void _fieldsListUpdated(DependencyObject sender, DependencyPropertyChangedEventArgs args) {
foreach (FormField field in ((Form)sender).Fields) {
// check to see if the current field has valid operators
if ((field.Operators != null) && (field.Operators.Count > 0)) {
Dispatcher.CurrentDispatcher.BeginInvoke(System.Windows.Threading.DispatcherPriority.Input, (Action)(() => {
// set the current field's SelectedOperator to the first in the list
field.SelectedOperator = field.Operators[0];
}));
}
}
}
对上面的内容有一点需要注意的是,SelectedOperator
将始终设置为列表中的第一个。对我来说,这不是一个问题,但我可以看到"最后选择的操作员"希望被重新选择的情况。
调试后,当Field
添加回Fields
的列表时,它仍然保留以前的SelectedItem
值,然后ComboBox
的SelectedIndex
立即设置为-1
。在FormField.SelectedOperator
的setter中防止这种情况(并尝试SelectedItem
/SelectedIndex
)没有帮助。
相反,在FormField
中创建第二个名为LastOperator
的"占位符"属性,并在传递给setter null
时将其设置为SelectedOperator
,然后更新Form.cs
中的field.Operator =
行似乎有效:
FormField.cs
...
public Operator SelectedOperator {
get { return _selectedOperator; }
set {
if (value == null) LastOperator = _selectedOperator;
_selectedOperator = value; _onPropertyChanged("SelectedOperator");
}
}
public Operator LastOperator { get; set; }
Form.cs
...
field.SelectedOperator = ((field.LastOperator != null) ? field.LastOperator : field.Operators[0]);
...
尝试以下操作:
FormField.cs
protected ObservableCollection<Operator> _operators;
public ObservableCollection<Operator> Operators {
get { return _operators; }
set {
_operators = value;
_onPropertyChanged("Operators");
}
}
private QuestionOption _selectedItem;
public QuestionOption SelectedItem
{
get
{
return _selectedItem;
}
set
{
if (_selectedItem != value)
{
if (SelectedIndex == -1)
SelectedIndex = Operators.IndexOf(value);
_selectedItem = value;
_onPropertyChanged("SelectedItem");
}
}
}
private int _selectedIndex = -1;
public int SelectedIndex
{
get { return _selectedIndex; }
set
{
if (_selectedIndex != value)
{
_selectedIndex = value;
_onPropertyChanged("SelectedIndex");
}
}
}
DataTemplate.xaml
<ComboBox Width="Auto"
ItemsSource="{Binding Operators}"
SelectedItem="{Binding SelectedItem, Mode=TwoWay}"
SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"
DisplayMemberPath="Label" SelectedValuePath="Id">
为了确保对字段的更改触发PropertyChanged事件,请尝试以下操作来强制触发该事件:
// Set the changes to the modifiedFormField placeholder
ObservableCollection<FormField> modifiedFormField;
this.Fields = new ObservableCollection<FormField>(modifiedFormField);
我在开发MVVM Silverlight 5应用程序时遇到了类似的问题,并做了类似的事情来实现绑定。这些概念应该可以与WPF互换。希望这能有所帮助。
在DataTemplate内部使用具有数据绑定SelectedItem的组合框很棘手。。我通过以下方式解决了这个问题:(TwoWay)不使用SelectedItem,而是仅绑定SelectedValue(到您的自定义类型属性-SelectedOperator),并设置DisplayMemberPath