Sketchflow中的主-明细数据网格

Question

我已经使用SketchFlow中的两个DataGrids创建了一个简单的主详细信息屏幕，但是无法在主DataGrid中选择一行时更新子DataGrid。奇怪的是，如果孩子是ListBox而不是DataGrid，它就会工作得很好。

我使用Blend创建了一些分层的样本数据，如下所示：

<xs:schema xmlns:tns="Expression.Blend.SampleData.SampleDataSource" xmlns:blend="http://schemas.microsoft.com/expression/blend/2008" targetNamespace="Expression.Blend.SampleData.SampleDataSource" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  <xs:element name="SampleDataSource" type="tns:SampleDataSource" />
  <xs:complexType name="SampleDataSource">
    <xs:sequence>
      <xs:element name="Collection" type="tns:ItemCollection" />
    </xs:sequence>
  </xs:complexType>
  <xs:complexType name="ItemCollection">
    <xs:sequence>
      <xs:element maxOccurs="unbounded" name="Item" type="tns:Item" />
    </xs:sequence>
  </xs:complexType>
  <xs:complexType name="Item">
    <xs:sequence>
      <xs:element name="ChildRecords" type="tns:ChildRecords" />
    </xs:sequence>
    <xs:attribute name="Property1" type="xs:string" />
    <xs:attribute name="Property2" type="xs:boolean" />
  </xs:complexType>
  <xs:complexType name="ChildRecords">
    <xs:sequence>
      <xs:element maxOccurs="unbounded" name="ChildRecordsItem" type="tns:ChildRecordsItem" />
    </xs:sequence>
  </xs:complexType>
  <xs:complexType name="ChildRecordsItem">
    <xs:attribute name="Property1" type="xs:string" />
    <xs:attribute name="Property2" type="xs:string" />
    <xs:attribute name="Property3" type="xs:string" />
  </xs:complexType>
</xs:schema>

相关的XAML如下所示。没有代码被使用，因为我们试图让我们的设计师能够使用Blend UI来做到这一点。

<data:DataGrid x:Name="dataGrid" HorizontalAlignment="Left" Margin="21,48,0,106" Width="274"
 AutoGenerateColumns="False"
 ItemsSource="{Binding Collection}" IsReadOnly="True">
 ...
</data:DataGrid>
<data:DataGrid Margin="316,48,39,0" AutoGenerateColumns="False"
 ItemsSource="{Binding SelectedItem.ChildRecords, ElementName=dataGrid, Mode=OneWay}" Height="141" VerticalAlignment="Top" IsReadOnly="True">
 ...
</data:DataGrid>

我几乎断定这是DataGrid中的一个错误，因为我无法解释它在ListBox上是如何工作的。

Answer 1

如果您将第二个datagrid的datacontext数据绑定到第一个datagrid的选定项，然后将itemssource绑定到ChildRecords属性：

<data:DataGrid ItemsSource="{Binding ChildRecords, Mode=OneWay}" 
    DataContext="{Binding SelectedItem, ElementName=dataGrid, Mode=OneWay}"/>

或者，您也可以使用内置的详细视图：http://silverlight.net/learn/videos/silverlight-videos/simple-masterdetails-with-datagrid/