WPF Combobox - 更改数据源导致空 ItemsSource

Question

我在 Page 中做一个 Combobox 的简单绑定：

XAML：

 <ComboBox x:Name="Cmb_test"  Grid.Column="2" Grid.Row="2" HorizontalAlignment="Left"  ItemsSource="{Binding}" />

背后的代码：

private void Page_Loaded(object sender, RoutedEventArgs e)
{
     //Binding of label works fine everytime
     My_label.Content = dt.Rows[0]["Column1"];

     Cmb_test.DataContext = dt.DefaultView;
     Cmb_test.SelectedValuePath = dt.Columns[3].ToString();
     Cmb_test.DisplayMemberPath = dt.Columns[4].ToString();

     //Just a check to see whether DataTable really has changed
     Console.WriteLine(dt.Rows.Count.ToString());
 }

但每当我的 DataTable "dt" 发生变化时，我的 Combobox 就不再显示项目。我知道关于这个问题已经提出了很多问题，但我能找到的只是与运行时刷新相关的问题。在我的情况下，我关闭一个页面并在 DataTable 更改时重新打开它，但结果是空的组合框。

关闭我的页面的代码，以供补充：

代码与组合框在同一页面中：

private void BtnClose_Click(object sender, RoutedEventArgs e)
{
      Cmb_test.ItemsSource = null;
      Cmb_test.DataContext = null;

      var main_window = Application.Current.MainWindow;
      var frame = (main_window as MainWindow).My_Frame;
      frame.Content = null;

}

主窗口中的代码：

private void My_Frame_Navigated(object sender, NavigationEventArgs e)
{
     if (My_Frame.Content == null)
     {
        My_Frame.RemoveBackEntry();
     }
}

编辑 - 再次尝试：

XAML：

  <Page.Resources>
        <CollectionViewSource x:Key="My_source"/>
    </Page.Resources>

  <ComboBox x:Name="Cmb_test" ItemsSource="{Binding Source={StaticResource My_source}}" DisplayMemberPath="Column1"/>

后面的代码：

 private void Page_Loaded(object sender, RoutedEventArgs e)
        {

            var combo_datasource = new CollectionViewSource();
            combo_datasource = (CollectionViewSource)this.FindResource("seznamVrstEvidenc");
            combo_datasource.Source = Tabele.dt_Sifrant.DefaultView;

        }

这里发生了什么，如何修复组合框以每次都显示它的项目？

Answer 1

您没有将 ComboBox 绑定到任何东西

<ComboBox x:Name="Cmb_test" [...] ItemsSource="{Binding}" />

你应该有一些收藏

<ComboBox x:Name="Cmb_test" [...] ItemsSource="{Binding MyList}" />

查看其余代码，您似乎正在将 ComboBox “手动绑定”到 DataTable。然后，您可以创建一个绑定programmatically，将 ComboBox ItemsSource 链接到 DataTable DefaultView。

但是有一个问题，如果您对“DataTable 已更改”的意思类似于

dt = new DataTable();

或

dt = Db.GetTable();

您可能会再次遇到同样的问题，因为绑定是在两个实例之间完成的，因此当创建新的 dt 时，您必须将其重新绑定到 ComboBox。

解决问题的另一种方法是在每次有新 DataTable 时设置 ComboBox ItemsSource。

希望对你有所帮助。

--------- 更新 --------

根据我的评论，我将在存储 DataTable dt 的类上实现 INotifyPropertyChanged。

public class ThatParticulareClass : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged([CallerMemberName] String propertyName = "")
    {  
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // [...] all the other stuff

    public void MethodThatUpdateDataTable()
    {
        // Update DataTable
        NotifyPropertyChanged(nameof(dt));
    }
}

应该可以。如果您对 DataTable 对象的更改仅来自用户（来自视图），那么您应该在控件上注册，该控件公开 DataTable 和结束编辑事件（类似于 DataGrid.RowEditEnding）。此时您调用 NotifyPropertyChanged(nameof(dt)); （确保此调用来自包含 DataTable dt 的同一类）

Implementation

Answer 2

我找到了解决方案。在您熟悉 WPF 和绑定控件之前，我必须说一件非常令人沮丧的事情...

我阅读了大量文章以了解在 WPF 中您应该使用 MVVM 模式来正确绑定控件。然而，有很多不同的方法可以做到这一点，所以我最终得到了一些至少对我来说难以理解的东西：

1.) 创建模型类。在这里，您定义 DataTable 列并将它们作为属性公开。这个类需要继承自INotifyPropertyChanged：

 class Test_Model : INotifyPropertyChanged
 {
        private string col1;
        private string col2;

        public string Col1
        {
            get
            {
                return col1;
            }
            set
            {
                col1 = value;
                OnPropertyChanged("Col1");
            }
        }
        public string Col2
        {
            get
            {
                return col2;
            }
            set
            {
                col2 = value;
                OnPropertyChanged("Col2");
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;
        private void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
   }

2.) 创建 Viev_Model 类。在这里您创建一个 IList（Test_Model 类型）并用 DataTable 填充它，我为此使用了 LINQ - 这也是一个挑战。接下来，您再次公开 IList 类型的属性，以便将其用作您的数据源：

 class Test_ViewModel
 {
        private IList<Test_Model> _comboData;

        public Test_ViewModel()
        {
            _comboData = dt.AsEnumerable().
                Select(row => new Test_Model
                {
                    Col1 = row.Field<string>(0),
                    Col2 = row.Field<string>(1)
                }).ToList();
        }

        public IList<Test_Model> ComboData
        {
            get { return _comboData; }
            set { _comboData = value; }
        }
  }

3.) 在您的窗口或页面中，将 DataContext 分配给 View_Model 类。这是在构造函数中完成的，如下所示：

 public partial class My_Page: Page
 {
        public My_Page()
        {
            InitializeComponent();
            this.DataContext = new Test_ViewModel(); //assign ViewModel class
        }

        //...
  }

4.) 将组合框绑定到 View_Model 类：

  <ComboBox x:Name="Cmb_Test" ItemsSource="{Binding Path= ComboData}" 
  DisplayMemberPath="Col1" SelectedValuePath="Col1" SelectedIndex="0"/>

然后它终于奏效了。虽然我对解决方案不满意，但我必须找出更简单的方法来进行正确的绑定。我通常有很多控件要绑定 & 如果我要为我需要的每个 DataTable 都这样做，我最终会在类中编写大量代码。