将列表<object>绑定到Datagrid WPF，C#

Question

我对 WPF 完全陌生，所以这是我的代码：

 <DataGrid x:Name="dgVarConfig" ItemsSource="{Binding varConfigList, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Left" Margin="10,59,0,0" VerticalAlignment="Top" Height="403" Width="1278" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" CanUserResizeRows="False" HeadersVisibility="Column">

            <DataGrid.Columns>
                <DataGridTextColumn  Width="auto" Header="Match Ausdruck" Binding="{Binding match_expression}"></DataGridTextColumn>
            </DataGrid.Columns>
</DataGrid>

我的文件：MainWindow.xaml、MainController.cs、VarConfigDAO.cs

varConfigDAO.cs 将列表返回到 MainController，MainController.cs 将其返回到 MainWindows.xaml。

这是 VarConfig.cs：

 public class VarConfig
    {
        public int id { get; set; }
        public String group { get; set; }
        public String machine { get; set; }
        public String match_expression { get; set; }
        public String variant_new_1 { get; set; }
        public String calc_formula_1 { get; set; }
        public String variant_new_2 { get; set; }
        public String calc_formula_2 { get; set; }
    }

如果我以编程方式设置项目源，它就可以工作：

dgVarConfig.Itemssource = mainController.loadVarConfigList();

但这不是我想要的，因为我想通过网格更新列表（插入、删除、更新行=> Mode=TwoWay）

我知道如何通过 xaml 填充 itemssource 吗？

Answer 1

创建一个视图模型类，其属性包含一组

VarConfig

对象。集合应该通知视图有关更改（例如添加或删除的元素）。因此，合适的集合类型是 ObservableCollection：

public class ViewModel
{
    public ObservableCollection<VarConfig> VarConfigList { get; }
        = new ObservableCollection<VarConfig>();
}

将 UI（例如 MainWindow）的

DataContext

设置为视图模型的实例，例如在 MainWindow 构造函数后面的代码中，如下所示：

public MainWindow()
{
    InitializeComponent();

    var viewModel = new ViewModel();
    // fill viewModel.VarConfigList

    DataContext = viewModel;
}

绑定到 XAML 中的

VarConfigList

属性。无需设置

Mode=TwoWay

或

UpdateSourceTrigger=PropertyChanged

，因为

ItemsSource

属性仅单向绑定（DataGrid - 或任何其他 ItemsControl - 从不设置它）：

<DataGrid ItemsSource="{Binding VarConfigList}" ...>
    ...
</DataGrid>

最后，如果您还希望 UI 对各个

VarConfig

属性的更改做出反应，则应该实现

INotifyPropertyChanged

接口：

public class VarConfig : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    private int id;
    public int Id
    {
        get { return id; }
        set
        {
            id = value;
            OnPropertyChanged("Id");
        }
    }

    // similar code for the other properties
}

注意外壳。人们广泛接受在

PascalCase

中书写 C# 属性名称。

Answer 2

您必须将

DataContext

的

DataGrid

设置为其中包含

varConfigList

的任何对象。然后，

DataGrid

将能够看到

varConfigList

并执行其操作。你没有给出很多代码，所以我看不到你在做什么，但我会做一些猜测，看看它们是否有帮助。

有几种方法可以做到这一点。我认为

DataGrid

在你的

MainWindow

中，所以它通常会从那里继承它的

DataContext

；但您也可以单独设置。

这是一种可能的方法：

主窗口

<Window ...>
    <DataGrid ... ItemsSource={Binding VarConfigList} ... />
</Window>

public partial class MainWindow : Window
{
  ...
  MainWindow()
  {
       InitializeComponent();
       this.DataContext = new MainController();
  }
}

主控制器

class MainControler 
{
    private var _varConfigList;
    public var VarConfgList { get { return _varConfigList; } }
    ...

    public MainControler()
    { 
       // set stuff up 
    }
}

那么你的下一个问题是如何让

DataGrid

按照你想要的方式对待

VarConfigList

，但那是另一个故事了。

以我有限的经验，整理DataContext一直是学习WPF的最大障碍。