从 ObservableCollection 到 DataGrid (WPF) 的简单数据绑定？

Question

我有一个“ObservableCollection”，它存储需要粘贴到 DataGrid 中的格式化 ColumnLabels。

该集合可能有许多不同的条目，并且大小可以为“N”，因此我的 DataGrid 中将有“N”个列。定义如下：

    private ObservableCollection<string> _stockColumnLabels;
    public ObservableCollection<string> StockColumnLabels 
    {
        get 
        {
            if (_stockColumnLabels == null)
            {
                _stockColumnLabels = new ObservableCollection<string>();
                return _stockColumnLabels;
            }
            return _stockColumnLabels; 
        }
        set
        {
            _stockColumnLabels = value;
            //OnPropertyChanged("StockColumnLabels");
        } 
    }

该集合将保存的示例数据，例如：

1. “1”
2. “2”
3. “3”
4. “4”
5. “5”

NB，当然，所有字符串基本上都可以是在 GUI 上查看时，将其视为代表列的单行数据。

为了数据绑定，该集合被包装到一个属性中，并且存在于 ViewModel 中，而 DataGrid 则存在于 View 中。当 App.cs 文件运行时，视图的 DataContext 在运行时设置！

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);

        MainWindow window = new MainWindow();
        window.DataContext = new FSEnquiryViewModel();
        window.Show();
    }
}

GUI (VIEW)

目前，由于该项目所设置的要求的性质，列名称必须根据 ProductCode 进行格式化，以便让生活更轻松，我创建了一个 DataGrid，它只包含一个单行数据是列名称，然后下面的另一个 DataGrid 将保存行值。不要担心第二个 DataGrid，我稍后会对其进行排序，因为设置完全相同。现在有人可以帮助我将 ViewModel 中找到的 ObservableCollection“绑定”到我的 DataGrid，它只是一条数据。

看起来像

           1         2         ...       n         <- 'DataGrid1'
Row1 |     1    |    3    |    5    |    6    |    <- 'DataGrid2'
Row2 |     3    |    2    |    1    |    8    |

Answer 1

我下面的代码希望回答允许您绑定来自未知数量的源的数据的问题，每个结果的大小以及可以使用的潜在列数可能未知。然后慢慢地将结果逐行整形为代表最终数据布局的动态集合。

基本上与 BlindMeis 的答案大致相同，但他发布的代码在语法上不正确，并且看起来在发布之前没有经过测试。然而，我的下面是我当前正在使用的代码。

假设您首先有一个或多个结果集，您将在下面找到对我有用的内容。

1. 声明一个表来保存您的结果。

   DataTable ShapeResultsTable = new DataTable();

2. 接下来的事情是过滤来自数据库调用或过程的一些结果，您试图重新调整其结果。像这样的东西：

    foreach（whFreeResults.Rows 中的 DataRow 行）
       {
           // 过滤结果并准确去除表示列名称所需的数据。
           // 将结果转储到示例列表中，例如：'columnNamesFormatted'
   
       }
   

3. 获得列名称列表后，将它们添加到上面声明的数据表中。

    foreach（columnNamesFormatted 中的字符串列）
       {
           ShapeResultsTable.Columns.Add（列，typeof（字符串））；
       }
   

4. 接下来，声明、实例化并填充未知大小的列表，因为您的结果的大小为 n 或数量为 n，以存储行值。

5. 接下来，对要在新的形状结果数据表中显示的每一行数据重复步骤 2 和 3，对结果集中找到的每一行重复步骤 2 和 3。

6. 一旦您有了一些代表您想要添加到数据表中的每一行的集合。按照您希望它们显示的顺序添加它们。

   shapeResultsTable.Rows.Add(totalsArray.ToArray());
   ShapeResultsTable.Rows.Add(branchRowValues.ToArray());

7. 最后，将您的 DataTable 分配给“DataBinded 属性”。

   StockResultsTable = ShapeResultsTable;

8. 绑定的属性可能如下所示：

   私有数据表_stockResultsTable;
   公共数据表股票结果表
   {
       获取{返回_stockResultsTable; }
       放 
       { 
           _stockResultsTable = 值；
           OnPropertyChanged("StockResultsTable"); // <--- 确实需要这个。
       }
   }
   

9. 最后，前端的 xaml 可能如下所示：

   <前><代码>
   

我不知道为什么要打开自动生成列属性，但这对我有用。< /em>

步骤 1-9 对我有用，处理从查询或 SProc 返回的结果的示例数据集，上面的步骤简要概述了我在显示来自必须运行的大量查询的结果时所做的操作，以获得非常不同的结果来自许多不同 SPrc 的数据，但具有共同的基础主题这允许它们显示在公共列名称下。

请注意，如果添加一行数据，其中的成员数多于 DataTable 的列数，您将会遇到麻烦。 DT 有 6 列，但您添加的行完全来自不同的查询，该查询有 7 个单独的数据单元格。这不起作用，只需添加尚不存在的新列，然后重试。

Answer 2

您的列标题集合与“数据”集合的大小相同吗？如果是这样，您可以在 InializeComponent() 之后执行此操作。 （注意：它可能会违反一些 MVVM 规则，但这取决于您想要的严格程度）

        InitializeComponent();
        DataContext = vm;
        dataGrid1.ItemsSource = vm.DgData; // this can also be done via XML binding
        dataGrid1.AutoGenerateColumns = true;
        foreach (var column in dataGrid1.Columns)
        {
            column.Header = vm.ColumnHeaders[column.DisplayIndex];
        }     

Answer 3

编辑：数据表工作完美。
只需使用 ViewTable 即可构建可供视图使用的集合。我假设您的标头集合与数据的大小相同。

this.dt = new DataTable();

dt.Columns.Add(new Column("1")); //1..n columns
dt.Columns.Add(new Column("n"));

然后将您以前定义的列的数据以及

var newrow = dt.NewRow();
newrow[0] = "value1"; //0..n-1 columns
dt.AddRow(newrow);

具有viewmodel 属性

publlic DataTable MyDynamicDataTable {get{return this.dt;}}

在 xaml 中

 <DataGrid ItemsSource="{Binding MyDynamicDataTable}" AutogenerateColumns="true" />

绑定的尽可能多的数据行放入您的视图数据网格中，您不必在视图数据网格中执行任何操作，所有信息都来自 viewmodel。