WPF之DataGird应用

1，DataGrid相关属性

GridLinesVisibility：DataGrid网格线是否显示或者显示的方式。
HorizontalGridLinesBrush：水平网格线画刷。
VerticalGridLinesBrush：垂直网格线画刷。
HorizontalScrollBarVisibility：水平滚动条可见。
VerticalScrollBarVisibility：垂直滚动条可见。
AutoGenerateColumns：自动生成列。
ColumnWidth：列宽，DataGrid.ColumnWidth值可以是指定的宽度，也可以是DataGridLength.SizeToCells，DataGridLength.SizeToHeader，DataGridLength.Auto
CanUserResizeColumns：是否允许调整列宽。
CanUserReorderColumns：是否允许拖动列的显示顺序。
FrozenColumnCount：冻结列。
RowDetailsVisibilityMode：行详情显示模式默认为：VisibleWhenSelected。
RowDetailsTemplate：行详情显示模板。

示例：

XML 复制代码

 <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：列表头样式。对列表头进行对齐等操作。

示例：使所有列表头内容居中

XML 复制代码

<DataGrid.ColumnHeaderStyle>
                <Style TargetType="DataGridColumnHeader">
                    <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
                </Style>
            </DataGrid.ColumnHeaderStyle>

Columns：列的集合。再次添加需要显示的列。

示例

XML 复制代码

  <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使用，进行交替设置行的样式。

示例，行样式交替

XML 复制代码

<DataGrid  x:Name="dataGrid01"    AlternationCount="3"   ColumnWidth="Auto" AutoGenerateColumns="False">

XML 复制代码

 <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*"。

XML 复制代码

 <DataGridTextColumn   Header="Product" Width="*" Binding="{Binding ModelName}">

CanUserResize：是否允许调整该列的列宽。
CanUserReorder：是否可拖动该列。
DataGridBoundColumn.ElementStyle：获取或设置时，使用呈现元素时列的单元格显示不是在编辑模式下的样式（仅适用于DataGridCheckBoxColumn，DataGridHyperlinkColumn，DataGridTextColumn），例如在正常视图下此列内容居中对齐。

注意点：ElementStyle对应的TargetType为TextBlock

XML 复制代码

<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：此列头的样式

XML 复制代码

<DataGridTextColumn.HeaderStyle>
                        <Style TargetType="DataGridColumnHeader">
                            <Setter Property="HorizontalAlignment" Value="Center"></Setter>
                        </Style>
                    </DataGridTextColumn.HeaderStyle>

CanUserSort：此列是否支持排序。如果使用的是DataGridTemplateColumn则需要指定该列的SortMemberPath，否则该列将无法排序。
DataGridComboBoxColumn.ItemsSource:下拉列表列的集合。

示例：

XML 复制代码

 <DataGridComboBoxColumn x:Name="dataGridCombobox01"  Header="Category" Width="2*" SelectedValueBinding="{Binding CategoryID}" DisplayMemberPath="CategoryName" SelectedValuePath="CategoryID" ></DataGridComboBoxColumn>

cs 复制代码

dataGridCombobox01.ItemsSource = DbStore.DAL.Factory.CategoriesDal.QueryAll();

DataGridTemplateColumn . CellTemplate:数据模板，获取或设置模板用于显示不是在编辑模式下单元格的内容。
DataGridTemplateColumn.CellEditingTemplate:数据模板，获取或设置模板中使用显示了在编辑模式下单元格的内容。

示例

XML 复制代码

  <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>