使用WPF MVVM更新与DataGrid控件绑定的数据(材料设计主题)以及附加的行为

Question

我有一个DataGrid前端代码，看起来像：

<DataGrid  ItemsSource="{Binding DTDisplayData}" x:Name="dgReport"
attached:DataGridColumnsAttched.BindableColumns="{Binding ColumnCollection}"
AutoGenerateColumns="False" CanUserDeleteRows="False" IsReadOnly="False"
CanUserSortColumns="True" CanUserAddRows="False" Grid.Row="8" Grid.Column="0" Grid.ColumnSpan="3" BorderBrush="#89000000" BorderThickness="1"
>
<DataGrid.Style>
<Style TargetType="DataGrid" BasedOn="{StaticResource MaterialDesignDataGrid}">
<Style.Triggers>
<DataTrigger Binding="{Binding SelectedBox}" Value="{x:Null}">
<Setter Property="Visibility" Value="Collapsed"></Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</DataGrid.Style>
</DataGrid>

在后端有一个类Attched。CS代码：

public class DataGridColumnsAttched
{
public static readonly DependencyProperty BindableColumnsProperty =
DependencyProperty.RegisterAttached("BindableColumns",
typeof(ObservableCollection<DataGridColumnMetaData>),
typeof(DataGridColumnsAttched),
new UIPropertyMetadata(null, BindableColumnsPropertyChanged));
private static void BindableColumnsPropertyChanged(DependencyObject source, DependencyPropertyChangedEventArgs e)
{
DataGrid dataGrid = source as DataGrid;
ObservableCollection<DataGridColumnMetaData> columns = e.NewValue as ObservableCollection<DataGridColumnMetaData>;
dataGrid.Columns.Clear();
if (columns == null)
{
return;
}
foreach (DataGridColumnMetaData column in columns)
{
dataGrid.Columns.Add(CreateColumnFromMetaData(column));
}
columns.CollectionChanged += (sender, e2) =>
{
NotifyCollectionChangedEventArgs ne = e2 as NotifyCollectionChangedEventArgs;
if (ne.Action == NotifyCollectionChangedAction.Reset)
{
dataGrid.Columns.Clear();
if(ne.NewItems != null)
{ 
foreach (DataGridColumnMetaData column in ne.NewItems)
{
dataGrid.Columns.Add(CreateColumnFromMetaData(column));
}
}
}
else if (ne.Action == NotifyCollectionChangedAction.Add)
{
foreach (DataGridColumnMetaData column in ne.NewItems)
{
dataGrid.Columns.Add(CreateColumnFromMetaData(column));
}
}
else if (ne.Action == NotifyCollectionChangedAction.Move)
{
dataGrid.Columns.Move(ne.OldStartingIndex, ne.NewStartingIndex);
}
else if (ne.Action == NotifyCollectionChangedAction.Remove)
{
foreach (DataGridColumnMetaData column in ne.OldItems)
{
dataGrid.Columns.Remove(CreateColumnFromMetaData(column));
}
}
else if (ne.Action == NotifyCollectionChangedAction.Replace)
{
dataGrid.Columns[ne.NewStartingIndex] = ne.NewItems[0] as DataGridColumn;
}
};
}
public static void SetBindableColumns(DependencyObject element, ObservableCollection<DataGridColumn> value)
{
element.SetValue(BindableColumnsProperty, value);
}
public static ObservableCollection<DataGridColumn> GetBindableColumns(DependencyObject element)
{
return (ObservableCollection<DataGridColumn>)element.GetValue(BindableColumnsProperty);
}
public static DataGridColumn CreateColumnFromMetaData(DataGridColumnMetaData columnMetaData)
{
DataGridColumn newColumn;
switch (columnMetaData.Type)
{
case SuperTapiModel.ColumnType.DataGridTextColumn:
{
DataGridTextColumn dgcText = new DataGridTextColumn();
//set parameters....
newColumn = dgcText;
}
break;
case SuperTapiModel.ColumnType.DataGridTemplateColumn:
{ 
DataGridTemplateColumn dgcTemplate = new DataGridTemplateColumn();
newColumn = dgcTemplate;
}
break;
case SuperTapiModel.ColumnType.DataGridHyperlinkColumn:
{
DataGridHyperlinkColumn dgcHyperlink = new DataGridHyperlinkColumn();
newColumn = dgcHyperlink;
}
break;
case SuperTapiModel.ColumnType.DataGridComboBoxColumn:
{
DataGridComboBoxColumn dgcComboBox = new DataGridComboBoxColumn();
newColumn = dgcComboBox;
}
break;
case SuperTapiModel.ColumnType.DataGridCheckBoxColumn:
{
DataGridCheckBoxColumn dgcCheckBox = new DataGridCheckBoxColumn();
newColumn = dgcCheckBox;
}
break;
default:
{
DataGridTextColumn dgcText = new DataGridTextColumn();
//set parameters....
newColumn = dgcText;
}
break;
}
return newColumn;
}
}

我想编辑数据网格中的数据，并且我假设在编辑单元格时必须捕获编辑事件PropertyChanged。

然后，我想在后台.CS代码中设置参数EditingElementStyle。

如何使用WPF和MVVM实现它？

值得一提的是，我的代码来源是基于材料设计主题，我认为它缺乏一些我可以使用的资源。

任何帮助都将不胜感激！

Answer 1

对于问题的第一部分，即编辑部分，您必须将列的"Binding"属性绑定到用户编辑单元格时要修改的相关ViewModel属性。由于您是从.cs文件创建列的，因此您可以这样做：

case SuperTapiModel.ColumnType.DataGridTextColumn:
{
DataGridTextColumn dgcText = new DataGridTextColumn();
dgcText.Binding = new Binding("The name of the property");
newColumn = dgcText;
}
break;

请注意，我以前从未真正这样做过，所以语法可能有点不同，但你已经明白了。

对于第二部分，为了设置EditingElementStyle，您将执行与Binding相同的操作。在Xaml文件中创建样式，然后使用FindResource方法在.cs文件中设置EditingElementStyle的值。它看起来像这样：

case SuperTapiModel.ColumnType.DataGridTextColumn:
{
DataGridTextColumn dgcText = new DataGridTextColumn();
dgcText.EditingElementStyle = FindResource("YourResourceKey") as Style;
newColumn = dgcText;
}
break;

我希望这能有所帮助！