RowDetailsTemplate テンプレートは、行の詳細領域の外観を制御します。行の詳細セクションは、行の下に表示され、追加情報を表示します。
MS Expression Blend では、設計時に空のテンプレートを作成できます。それには、［C1DataGrid］コントロールを選択し、［オブジェクト］→［追加テンプレートの編集］→［RowDetailsTemplate の編集］→［空アイテムの作成］をクリックします。
RowDetailsTemplate には、テキスト、コントロールなど（データに連結されたコントロールも含む）を入れることができます。たとえば、次のテンプレートには、連結および非連結のテキストとチェックボックスが含まれます。
| XAML |
コードのコピー
|
|---|---|
<datagrid:C1DataGrid.RowDetailsTemplate>
<!-- 行の詳細セクションを開始します。-->
<DataTemplate>
<Border BorderBrush="DarkGray" BorderThickness="1" Background="Azure">
<StackPanel Orientation="Horizontal">
<StackPanel>
<StackPanel Orientation="Horizontal">
<!-- コントロールはプロパティに連結されます。-->
<TextBlock FontSize="16" Foreground="MidnightBlue" Text="{Binding Name}" Margin="0,0,10,0" VerticalAlignment="Bottom" />
<TextBlock FontSize="12" Text="注文日：" VerticalAlignment="Bottom"/>
<TextBlock FontSize="12" Text=" 完了：" VerticalAlignment="Bottom" />
<CheckBox IsChecked="{Binding Complete, Mode=TwoWay}" VerticalAlignment="Center" />
</StackPanel>
<TextBlock FontSize="12" Text="備考：" />
<TextBox FontSize="12" Text="{Binding Notes, Mode=TwoWay}" Width="420" TextWrapping="Wrap"/>
</StackPanel>
</StackPanel>
</Border>
</DataTemplate>
<!-- 行の詳細セクションを終了します。-->
</datagrid:C1DataGrid.RowDetailsTemplate>
|
|