如何使用 MVVM 以编程方式将列添加到 wpf 数据网格? [英] How to programmatically add columns to wpf datagrid with MVVM?

问题描述

我想在带有 MVVM 应用程序的 WPF 中的用户界面中创建一个数据透视表.所以列数不​​是静态的.

I wanna create a pivot table in the user interface in a WPF with MVVM application. So the number of columns are not static.

我发现我可以通过编程方式从文件背后的代码中添加列(如下面的代码片段所示).

I have found that I can programmatically add columns from the code behind file (as shown in below code snippets).

myDataGrid.Columns.Add(column );

但我不想想使用隐藏文件的代码.我想用 MVVM(来自视图模型)来做到这一点.谁能给我一个解决方案?

But I don't wanna use the code behind file. I wanna do this with MVVM (from the view model). Can anyone give me a solution for this?

推荐答案

我找到了解决方案.

答案简单.

1. 在视图模型中定义一个DataTable
2. 定义列(在我的例子中，我必须在 foreach 循环中以编程方式定义列)
3. 添加行
4. 然后为数据网格的ItemsSource 属性绑定DataTable.(确保 AutoGeneratedColumns=True)

1. Define a DataTable in the view model
2. Define columns (In my case I had to define columns programmatically within a foreach loop)
3. Add rows
4. Then bind the DataTable for the ItemsSource property of the datagrid. (Make sure that the AutoGeneratedColumns=True)

我的查看模型

private DataTable sizeQuantityTable;

public DataTable SizeQuantityTable
    {
        get
        {
            return sizeQuantityTable;
        }
        set
        {
            sizeQuantityTable = value;
            NotifyPropertyChanged("SizeQuantityTable");
        }
    }

我在构造函数中分配了dummy data

public MainViewModel()
{
        this.SizeQuantityTable = new DataTable();

        DataColumn sizeQuantityColumn = new DataColumn();
        sizeQuantityColumn.ColumnName = "Size Quantity";
        this.SizeQuantityTable.Columns.Add(sizeQuantityColumn);

        DataColumn sColumn = new DataColumn();
        sColumn.ColumnName = "S";
        this.SizeQuantityTable.Columns.Add(sColumn);

        DataColumn mColumn = new DataColumn();
        mColumn.ColumnName = "M";
        this.SizeQuantityTable.Columns.Add(mColumn);

        DataRow row1 = this.SizeQuantityTable.NewRow();
        row1[sizeQuantityColumn] = "Blue";
        row1[sColumn] = "12";
        row1[mColumn] = "15";
        this.SizeQuantityTable.Rows.Add(row1);

        DataRow row2 = this.SizeQuantityTable.NewRow();
        row2[sizeQuantityColumn] = "Red";
        row2[sColumn] = "18";
        row2[mColumn] = "21";
        this.SizeQuantityTable.Rows.Add(row2);

        DataRow row3 = this.SizeQuantityTable.NewRow();
        row3[sizeQuantityColumn] = "Green";
        row3[sColumn] = "24";
        row3[mColumn] = "27";
        this.SizeQuantityTable.Rows.Add(row3);

        DataRow row4 = this.SizeQuantityTable.NewRow();
        row4[sizeQuantityColumn] = "Yellow";
        row4[sColumn] = "30";
        row4[mColumn] = "33";
        this.SizeQuantityTable.Rows.Add(row4);
    }

我的view

<Window x:Class="Pivot.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vm="clr-namespace:Pivot.ViewModels"
        Title="MainWindow" Height="350" Width="525">
    <Grid>

        <Grid.DataContext>
            <vm:MainViewModel />
        </Grid.DataContext>

        <DataGrid 
            ItemsSource="{Binding SizeQuantityTable}"
            AutoGenerateColumns="True"
            />

    </Grid>
</Window>

这篇关于如何使用 MVVM 以编程方式将列添加到 wpf 数据网格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！