MVVM动态数据网格

Question

我正在视图模型中动态创建两个数据表。在以我的视图显示它们之前，我要将一个DataTable中的每个单元格值与第二个DataTable中的相同单元格进行比较。我的问题是，我想提供不同的细胞不同的背景颜色。我怎么才能用程序来做呢？

下面是第一个DataGrid：

 <GroupBox Header="Xml 1 Details" Margin="10,10,10,10" Grid.Row="1" Grid.ColumnSpan="4" Grid.Column="0">
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <GroupBox x:Name="GridGroupBox"
                  Grid.Column="0"
                  Header="{Binding TableName}">
                    <DataGrid x:Name="DataGrid" Margin="5,5,5,5"
                      ItemsSource="{Binding GenericDataTable}"
                      attachedBehaviors:DataGridColumnsBehavior.BindableColumns="{Binding GridColumns}"                                 
                      AutoGenerateColumns="False"
                      EnableRowVirtualization="False">                            
                    </DataGrid>
                </GroupBox>
            </Grid>
        </ScrollViewer>
    </GroupBox>

第二个DataGrid：

    <GroupBox Header="Xml 2 Details" Margin="10,20,10,10" Grid.Row="2" Grid.ColumnSpan="4" Grid.Column="0">
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>


                <GroupBox x:Name="GridGroupBox2" 
                Grid.Column="0"
                Header="{Binding TableName}">

                    <DataGrid x:Name="DataGrid2" Margin="5,5,5,5" 
                    ItemsSource="{Binding GenericDataTable2}"
                    attachedBehaviors:DataGridColumnsBehavior.BindableColumns="{Binding GridColumns2}"                                 
                    AutoGenerateColumns="False"
                    EnableRowVirtualization="False"
                    />                    
                </GroupBox>
            </Grid>
        </ScrollViewer>
    </GroupBox>

以编程方式创建它们：

    private void GenerateFirstXmlDynamicColumns(DataTable dt, List<string> cols)
    {

        GridColumns = new ObservableCollection<DataGridColumn>();

        foreach (DataColumn col in dt.Columns)
        {

            GridColumns.Add(new DataGridTextColumn
            {
                Header = col.ColumnName,
                Binding = new Binding(col.ColumnName)
            });
        }

        RaisePropertyChanged("GridColumns");
        GenericDataTable = dt;
        RaisePropertyChanged("GenericDataTable");
    }

    private void GenerateSecondXmlDynamicColumns(DataTable dt, List<string> cols)
    {
        GridColumns2 = new ObservableCollection<DataGridColumn>();

        foreach (DataColumn col in dt.Columns)
        {

            GridColumns2.Add(new DataGridTextColumn
            {
                Header = col.ColumnName,
                Binding = new Binding(col.ColumnName)
            });
        }

        RaisePropertyChanged("GridColumns2");
        GenericDataTable2 = dt;
        RaisePropertyChanged("GenericDataTable2");
    }

在这里，我比较了这些单元格，我想更改不同单元格的背景色：

private void CompareData()
    {
        for (int i = 0; i < GenericDataTable.Rows.Count; i++)
        {
            for (int j = 0; j < GenericDataTable.Columns.Count; j++)
            {
                if (!GenericDataTable.Rows[i][j].Equals(GenericDataTable2.Rows[i][j]))//if cells are different
                {

                }
            }

        }     
    }

Answer 1

从索引中获取DataGrid单元格：

public DataGridCell GetCell(DataGrid dg, int row, int column)
    {
        DataGridRow rowContainer = GetRow(dg, row);
        if (rowContainer != null)
        {
            DataGridCellsPresenter presenter = GetVisualChild<DataGridCellsPresenter>(rowContainer);
            if (presenter == null)
            {
                dg.ScrollIntoView(rowContainer, dg.Columns[column]);
                presenter = GetVisualChild<DataGridCellsPresenter>(rowContainer);
            }
            DataGridCell cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex(column);
            return cell;
        }
        return null;
    }

    public static DataGridRow GetRow(DataGrid dg, int index)
    {
        DataGridRow row = (DataGridRow)dg.ItemContainerGenerator.ContainerFromIndex(index);
        if (row == null)
        {
            dg.UpdateLayout();
            dg.ScrollIntoView(dg.Items[index]);
            row = (DataGridRow)dg.ItemContainerGenerator.ContainerFromIndex(index);
        }
        return row;
    }

    public static T GetVisualChild<T>(Visual parent) where T : Visual
    {
        if (parent == null) return null;
        T child = default(T);
        int numVisuals = VisualTreeHelper.GetChildrenCount(parent);
        for (int i = 0; i < numVisuals; i++)
        {
            Visual v = (Visual)VisualTreeHelper.GetChild(parent, i);
            child = v as T;
            if (child == null)
            {
                child = GetVisualChild<T>(v);
            }
            if (child != null)
            {
                break;
            }
        }
        return child;
    }

和set背景：

var cell = GetCell(DataGrid2, i, j);
cell.Background = color;