DataGrid 双向绑定

Question

我有一个显示产品类型列表的 DataGrid。我想要做的是有一种主/详细视图，其中网格显示主数据，然后一组文本框（等）显示详细视图。详细信息主要针对较大的文本列，由于文本的大小，不适合在网格中显示它们。还有一些数据项同时显示在网格和详细信息区域中。

此外，我需要它以便将网格和详细信息区域绑定在一起，以便其中任何一个的更改都会导致基础数据源被更新 - 如果（例如）网格发生更改，这些更改会立即反映在细节区域，反之亦然。

我认为这可以通过绑定和依赖属性来实现 - 但我该如何设置呢？

注意：由于用户可以控制在网格上显示哪些列，因此绑定是在代码中手动定义的..

    var column = new DataGridTextColumn()
    {
        Header = attribute.Name,
        Binding = new Binding(attribute.ColumnName) { TargetNullValue = string.Empty },
        IsReadOnly = attribute.IsReadOnly
    };

    dgProductsList.Columns.Add(column);

Answer 1

如果您已命名DataGrid，您只需将详细信息区域的DataContext 绑定到网格的SelectedItem，然后该区域内的所有绑定都将绑定到项目的属性，例如

<DataGrid Name="dg" .../>
<Border DataContext="{Binding SelectedItem, ElementName=dg}">
    <StackPanel>
        <TextBox Text="{Binding SomeTextProperty, UpdateSourceTrigger=PropertyChanged}"/>
        <!-- ... -->
    </StackPanel>
</Border>

这是默认两种方式，添加UpdateSourceTrigger=PropertyChanged使属性立即更新，否则当焦点离开TextBox时文字会改变。