WPF：如何使 DataGrid 与动态列的绑定可编辑？

Question

我需要将一些数据绑定到具有可变列数的 DataGrid。我使用以下代码使其工作：

int n = 0;
foreach (string title in TitleList)
{
    DataGridTextColumn col = new DataGridTextColumn();
    col.Header = title;
    Binding binding = new Binding(string.Format("DataList[{0}]", n++));
    binding.Mode = BindingMode.TwoWay;
    col.Binding = binding;
    grid.Columns.Add(col);
}

其中 DataList 声明为：

public ObservableCollection<double> DataList { get; set; }

且 TitleList 声明为：

public ObservableCollection<string> TitleList { get; set; }

问题是，即使我指定了 TwoWay 绑定，它实际上是单向的。当我单击单元格尝试编辑时，出现异常“此视图不允许'EditItem'”。我是否错过了绑定表达式中的某些内容？

PS我找到了黛博拉的一篇文章 “使用 MVVM 在 Silverlight 应用程序中使用动态列填充 DataGrid”。但是，我很难让它适合我的情况（具体来说，我无法使标头绑定工作）。即使它有效，我仍然面临诸如单元格样式不一致之类的问题。这就是为什么我想知道是否可以让我的上面的代码工作——稍微调整一下？

编辑：我发现另一篇文章可能与我的问题有关： 隐式双向绑定。看起来如果您使用将字符串列表绑定到 TextBox，

<TextBox Text="{Binding}"/>

您将收到类似“双向绑定需要 Path 或 XPath”的错误。但是这个问题可以很容易地通过使用来解决

<TextBox Text="{Binding Path=DataContext, RelativeSource={RelativeSource Self}}"/>

，或者

<TextBox Text="{Binding .}"/>

任何人都可以给我一个提示，如果我的问题可以用类似的方式解决吗？

Answer 1

您绑定到索引器吗？您可以向我们展示您的 DataList 属性是什么样子吗？

我不久前对索引属性也做了同样的事情。

 public SomeObjectWithIndexer DataList
 {get; set;}


 public class SomeObjectWithIndexer 
 {
      public string this
      {
          get { ... }
          set { ... }//<-- you need this one for TwoWay
      }
 }

编辑：您无法编辑属性的原因是您尝试编辑“双字段”。
一种解决方法是将您的双精度数包装到带有 INotifyPropertyChanged 的​​类中。

public class DataListItem
{
    public double MyValue { get; set;}//with OnPropertyChanged() and stuff
}

那么你可以使用 a

ObservableCollection<DataListItem>

并且可以编辑你的值。索引是否始终相同的问题仍然存在:)

Binding binding = new Binding(string.Format("DataList[{0}].MyValue", n++));

编辑2：工作示例：只是为了显示twoway正在工作

public class DataItem
{
    public string Name { get; set; }
    public ObservableCollection<DataListItem> DataList { get; set; }

    public DataItem()
    {
        this.DataList = new ObservableCollection<DataListItem>();
    }
}

double的包装器：

public class DataListItem
{
    private double myValue;
    public double MyValue
    {
        get { return myValue; }
        set { myValue = value; }//<-- set breakpoint here to see that edit is working
    }
}

的用户控件

<UserControl x:Class="WpfStackoverflow.IndexCollectionDataGrid"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="300">
<DataGrid ItemsSource="{Binding MyList}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" />
        <DataGridTextColumn Header="Index1" Binding="{Binding Path=DataList[0].MyValue, Mode=TwoWay}" />
        <DataGridTextColumn Header="Index2" Binding="{Binding Path=DataList[1].MyValue, Mode=TwoWay}" />
    </DataGrid.Columns>
</DataGrid>
</UserControl>

带有datagrid.cs

public partial class IndexCollectionDataGrid : UserControl
{
    public IndexCollectionDataGrid()
    {
        InitializeComponent();
        this.MyList = new ObservableCollection<DataItem>();

        var m1 = new DataItem() {Name = "test1"};
        m1.DataList.Add(new DataListItem() { MyValue = 10 });
        m1.DataList.Add(new DataListItem() { MyValue = 20 });

        var m2 = new DataItem() { Name = "test2" };
        m2.DataList.Add(new DataListItem() { MyValue = 100 });
        m2.DataList.Add(new DataListItem() { MyValue = 200 });

        this.MyList.Add(m1);
        this.MyList.Add(m2);

        this.DataContext = this;
    }

    public ObservableCollection<DataItem> MyList { get; set; }
}

我希望您通过这个示例找到正确的方向。