1,DataGrid相关属性
- GridLinesVisibility:DataGrid网格线是否显示或者显示的方式。
- HorizontalGridLinesBrush:水平网格线画刷。
- VerticalGridLinesBrush:垂直网格线画刷。
- HorizontalScrollBarVisibility:水平滚动条可见。
- VerticalScrollBarVisibility:垂直滚动条可见。
- AutoGenerateColumns:自动生成列。
- ColumnWidth:列宽,DataGrid.ColumnWidth值可以是指定的宽度,也可以是DataGridLength.SizeToCells,DataGridLength.SizeToHeader,DataGridLength.Auto
- CanUserResizeColumns:是否允许调整列宽。
- CanUserReorderColumns:是否允许拖动列的显示顺序。
- FrozenColumnCount:冻结列。
- RowDetailsVisibilityMode:行详情显示模式默认为:VisibleWhenSelected。
- RowDetailsTemplate:行详情显示模板。
示例:
<DataGrid.RowDetailsTemplate>
<DataTemplate>
<Border Margin="10" Padding="10" BorderBrush="Coral" BorderThickness="2">
<TextBlock TextWrapping="Wrap" Text="{Binding Description}"></TextBlock>
</Border>
</DataTemplate>
</DataGrid.RowDetailsTemplate>
- CanUserSortColumns:是否可以进行排序。
- ColumnHeaderStyle:列表头样式。对列表头进行对齐等操作。
示例:使所有列表头内容居中
<DataGrid.ColumnHeaderStyle>
<Style TargetType="DataGridColumnHeader">
<Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
</Style>
</DataGrid.ColumnHeaderStyle>
- Columns:列的集合。再次添加需要显示的列。
示例
<DataGrid.Columns>
<DataGridTextColumn Header="Product" Width="*" Binding="{Binding ModelName}">
<DataGridTextColumn.HeaderStyle>
<Style TargetType="DataGridColumnHeader">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
</Style>
</DataGridTextColumn.HeaderStyle>
<DataGridTextColumn.EditingElementStyle>
<Style TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="FontWeight" Value="Bold"></Setter>
</Style>
</DataGridTextColumn.EditingElementStyle>
</DataGridTextColumn>
<DataGridTextColumn Header="Price" Width="*" Binding="{Binding UnitCost, StringFormat={}{0:C2}}">
<DataGridTextColumn.CellStyle>
<Style TargetType="DataGridCell">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="FontWeight" Value="Bold"></Setter>
<Setter Property="Background" Value="LightBlue"></Setter>
</Style>
</DataGridTextColumn.CellStyle>
</DataGridTextColumn>
<DataGridTextColumn Header="ModelNumber" Width="2*" Binding="{Binding ModelNumber}"></DataGridTextColumn>
<DataGridComboBoxColumn Header="Category" Width="2*" SelectedValueBinding="{Binding CategoryID}" DisplayMemberPath="CategoryName" SelectedValuePath="CategoryID" x:Name="dataGridCombobox01"></DataGridComboBoxColumn>
<DataGridTemplateColumn Header="Image" Width="2*" >
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding ProductImage}"></TextBlock>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
<DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<Image Source="/Img/3.jpg"></Image>
</DataTemplate>
</DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
- AlternationCount:交替显示容器数,配合附加属性ItemsControl.AlternationIndex使用,进行交替设置行的样式。
示例,行样式交替
<DataGrid x:Name="dataGrid01" AlternationCount="3" ColumnWidth="Auto" AutoGenerateColumns="False">
<Window.Resources>
<Style TargetType="DataGridRow">
<Style.Triggers>
<Trigger Property="ItemsControl.AlternationIndex" Value="0">
<Setter Property="Background" Value="AliceBlue"></Setter>
</Trigger>
<Trigger Property="ItemsControl.AlternationIndex" Value="1">
<Setter Property="Background" Value="Beige"></Setter>
</Trigger>
<Trigger Property="ItemsControl.AlternationIndex" Value="2">
<Setter Property="Background" Value="Chocolate"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>
2,DataGridColumn相关属性
- Width:列宽,可使用*进行倍率设置,例如DataGridTextColumn.Width="2*"。
<DataGridTextColumn Header="Product" Width="*" Binding="{Binding ModelName}">
- CanUserResize:是否允许调整该列的列宽。
- CanUserReorder:是否可拖动该列。
- DataGridBoundColumn.ElementStyle:获取或设置时,使用呈现元素时列的单元格显示不是在编辑模式下的样式(仅适用于DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn),例如在正常视图下此列内容居中对齐。
注意点:ElementStyle对应的TargetType为TextBlock
<DataGridTextColumn.ElementStyle>
<Style TargetType="TextBlock">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="FontWeight" Value="Bold"></Setter>
</Style>
</DataGridTextColumn.ElementStyle>
- DataGridBoundColumn.EditingElementStyle:使用呈现元素时列用于在编辑模式下的单元格显示的样式 (仅适用于DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn)。
注意点:.EditingElementStyle对应的TargetType为TextBox
- HeaderStyle:此列头的样式
<DataGridTextColumn.HeaderStyle>
<Style TargetType="DataGridColumnHeader">
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
</Style>
</DataGridTextColumn.HeaderStyle>
- CanUserSort:此列是否支持排序。如果使用的是DataGridTemplateColumn则需要指定该列的SortMemberPath,否则该列将无法排序。
- DataGridComboBoxColumn.ItemsSource:下拉列表列的集合。
示例:
<DataGridComboBoxColumn x:Name="dataGridCombobox01" Header="Category" Width="2*" SelectedValueBinding="{Binding CategoryID}" DisplayMemberPath="CategoryName" SelectedValuePath="CategoryID" ></DataGridComboBoxColumn>
dataGridCombobox01.ItemsSource = DbStore.DAL.Factory.CategoriesDal.QueryAll();
- DataGridTemplateColumn . CellTemplate:数据模板,获取或设置模板用于显示不是在编辑模式下单元格的内容。
- DataGridTemplateColumn.CellEditingTemplate:数据模板, 获取或设置模板中使用显示了在编辑模式下单元格的内容。
示例
<DataGridTemplateColumn Header="Image" Width="2*" >
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding ProductImage}"></TextBlock>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
<DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<Image Source="/Img/3.jpg"></Image>
</DataTemplate>
</DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>