数据绑定到更改元素属性

本文关键字：元素 属性 数据绑定 | 更新日期: 2023-09-27 17:56:37

我正在开发一个小型 WPF 应用程序，其中我有一个绑定到代码后面的 ObservableCollection 的组合框：

public Molecule CurrentMolecule { get; set; }
public ObservableCollection<string> Formulas { get; set; }
public MainWindow()
{
     CurrentMolecule = new Molecule();
     Formulas = new ObservableCollection<string>(CurrentMolecule.FormulasList.ToList());
     DataContext = this;
     InitializeComponent();
}
<ComboBox x:Name="cmbFormula" ItemsSource="{Binding Path=Formulas}" SelectionChanged="cmbFormula_SelectionChanged"/>

这可以使用CurrentMolecule.FormulasList填充我的组合框，但是如果在某个时候我CurrentMolecule设置为分子的新实例，则数据绑定不再有效。我是否需要实现某种 OnPropertyChanged 事件，以便无论组合框的内容如何，都将与CurrentMolecule.FormulasList保持同步？

数据绑定到更改元素属性

您必须实现INotifyPropertyChanged ，只有这样更改才会在 UI 中更新。

以下是我对代码所做的修改。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Collections.ObjectModel;
namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        private Molecule _CurrentMolecule;
        public Molecule CurrentMolecule
        {
            get
            {
                return _CurrentMolecule;
            }
            set
            {
                _CurrentMolecule = value;
                OnPropertyChanged("CurrentMolecule");
                Formulas =  new ObservableCollection<string>(CurrentMolecule.FormulasList.ToList());
            }
        }
        private ObservableCollection<string> _Formulas;
        public ObservableCollection<string> Formulas
        {
            get { return _Formulas; }
            set
            {
                _Formulas = value;
                OnPropertyChanged("Formulas");
            }
        }
        public MainWindow()
        {
            InitializeComponent();
            CurrentMolecule = new Molecule();
            DataContext = this;
        }
        public event PropertyChangedEventHandler PropertyChanged;
        public void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

编辑：更好的方法是创建一个视图模型，然后将其绑定到Window的数据上下文。

定义一个名为 ViewModel 的新类，如下所示。注意：您可能需要更改命名空间

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ComponentModel;
using System.Collections.ObjectModel;
namespace WpfApplication1
{
    public class ViewModel : INotifyPropertyChanged
    {
        #region Properties
        private Molecule _CurrentMolecule;
        public Molecule CurrentMolecule
        {
            get
            {
                return _CurrentMolecule;
            }
            set
            {
                _CurrentMolecule = value;
                OnPropertyChanged("CurrentMolecule");
                Formulas = new ObservableCollection<string>(CurrentMolecule.FormulasList.ToList());
            }
        }
        private ObservableCollection<string> _Formulas;
        public ObservableCollection<string> Formulas
        {
            get { return _Formulas; }
            set
            {
                _Formulas = value;
                OnPropertyChanged("Formulas");
            }
        }
        #endregion
        #region Constructor
        public ViewModel()
        {
            CurrentMolecule = new Molecule();
        }
        #endregion
        #region INotifyPropertyChanged implementation
        public event PropertyChangedEventHandler PropertyChanged;
        public void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
        #endregion
    }
}

修改文件隐藏MainWindow代码，如下所示

public MainWindow()
{
    InitializeComponent();
    DataContext = new ViewModel();
}

您可能缺少 WPF 控件数据上下文基础知识。如果您使用像 {Binding CurrentMolecule.FormulasList} 这样的绑定，或者父控件 datacontext 在交换该项的 DataContext 时绑定到"CurrentMolecule"，则绑定将重置。如果要将数据上下文绑定到公式列表，即使父数据上下文发生更改也是如此。您需要将该上下文直接绑定到 FormulasList 属性，并确保其他父控件不使用 CurrentMolecule 作为数据上下文，即使其实例在 ViewModel 中发生更改也是如此。

相关文章：