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>