WPF中DataGrid使用初步

（1）自動生成列

<DataGrid AutoGenerateColumns="True" Name="datagrid" CanUserAddRows="False" MouseDoubleClick="datagrid_MouseDoubleClick" />

（2）取消自動生成列，手動綁定到相應字段

<DataGrid AutoGenerateColumns="False" Name="datagrid" CanUserAddRows="False" MouseDoubleClick="datagrid_MouseDoubleClick">
    <DataGrid.Columns>
        <DataGridTextColumn Header="編號" Binding="{Binding ID}"></DataGridTextColumn>
        <DataGridTextColumn Header="公司" Binding="{Binding CompanyName}"></DataGridTextColumn>
        <DataGridTextColumn Header="固定資產" Binding="{Binding FixedAssets}" Width ="*"></DataGridTextColumn>
    </DataGrid.Columns>
</DataGrid>

最后一列設置Width ="*"是為了取消空白列。

對應的后台代碼：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    datagrid.ItemsSource = AccessDAL.OleDbHelper.ExecuteDataTable("SELECT * from Customers").DefaultView;
} 

//雙擊DataGrid，顯示相應信息

private void datagrid_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    DataRowView row = datagrid.SelectedItem as DataRowView;
    MessageBox.Show(row["id"].ToString());
}

 //如果綁定到對象集合，如ObservableCollection<Employee>，代碼如下：

ObservableCollection<Employee> col;
public EmployeeManage()
{
    InitializeComponent();
    col = new ObservableCollection<Employee>();
    col.Add(new Employee() { Id = 1, Name = "Jim", Salary = 2500.50f });
    col.Add(new Employee() { Id = 2, Name = "John", Salary = 2600.50f });
    datagrid.ItemsSource = col;
}

private void datagrid_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    Employee emp=datagrid.SelectedItem as Employee;
    MessageBox.Show(emp.Id.ToString());
}

（3）刪除選中的多行數據

private void Delete_Click(object sender, RoutedEventArgs e) 
{
    for (int i = datagrid.SelectedItems.Count - 1; i >= 0; i--)
    {
        Good good = datagrid.SelectedItems[i] as Good;
        goods.Remove(good);
    }
}

（4）控制DataGrid是否顯示滾動條

<DataGrid AutoGenerateColumns="True" Name="datagrid" CanUserAddRows="False" ScrollViewer.VerticalScrollBarVisibility="Visible" ScrollViewer.HorizontalScrollBarVisibility="Hidden" />

（5）設置DataGrid 鼠標移動改變鼠標所在行顏色樣式

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Setter Property="Background" Value="LightBlue" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="LightGray"/>
                <Setter Property="Foreground" Value="Green"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</DataGrid.RowStyle>

（6）獲取選中的當前行某列值

方法一：
DataRowView mySelectedElement = (DataRowView)dataGrid1.SelectedItem;
string result = mySelectedElement.Row[0]ToString();

方法二：
var a = this.dataGrid1.SelectedItem;
var b = a as DataRowView;
string result = b.Row[0].ToString();

（7）模版列使用

        <DataGrid Margin="0,39,35,173" Name="dataGrid1" ItemsSource="{Binding}" AutoGenerateColumns="False" AlternatingRowBackground="Bisque" CellEditEnding="dgCust_CellEditEnding" RowEditEnding="dgCust_RowEditEnding" 
          Background="#88AEE9"  SelectionChanged="dgCust_SelectionChanged">
        <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding  Path=menu_item}" IsReadOnly="True"
                                    Header="Item" Width="100" />

                <DataGridTemplateColumn Header="Image" Width="80" IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Height="40" Width="40"  Source="{Binding menu_image}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="Edit Row">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Content="Edit" Click="EditButton_Click" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
             </DataGrid.Columns>
        </DataGrid>

（8）設置DataGridTextColumn的文本對齊方式

DataGrid里面存在着像DataGridColumnHeader、DataGrid、DataGridCell等相關控件的樣式設置，例如讓一個DataGrid里面某一列的控件內容居中顯示，
　對於DataGridColumnHeader，設置樣式如下：
<Style x:Key="ColumnHeaderStyle" TargetType="{x:Type DataGrid:DataGridColumnHeader}">
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
</Style>
　　普通控件設定樣式使用CellStyle，或者屬性即可，當設定DataGridTextColumn的文本顯示時候，需要設定其ElementStyle，例如：
Style部分：
<Window.Resources>
        <ResourceDictionary>
            <Style x:Key="dgCell" TargetType="TextBlock">
                <Setter Property="TextAlignment" Value="Center"/>

               <Setter Property="VerticalAlignment" Value="Center"></Setter>
            </Style>
        </ResourceDictionary>
</Window.Resources>
調用部分：
<dg:DataGrid>
                <dg:DataGrid.Columns>
                    <dg:DataGridTextColumn Width="300"  Binding="{Binding Path=Wid1}"  ElementStyle="{StaticResource dgCell}">
                    </dg:DataGridTextColumn>
                </dg:DataGrid.Columns>
</dg:DataGrid>