WPF datagrid 实现隔行变色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<DataGrid AlternationCount= "2" >
    <DataGrid.RowStyle>
         <Style TargetType= "{x:Type DataGridRow}" >
             <Style.Triggers>
                 <Trigger Property= "ItemsControl.AlternationIndex"
                          Value= "0" >
                     <Setter Property= "Background"  Value= "#FFE4DDB3"  />
                 </Trigger>
                 <Trigger Property= "ItemsControl.AlternationIndex"
                          Value= "1" >
                     <Setter Property= "Background"  Value= "#FFF2F2F2"  />
                 </Trigger>
             </Style.Triggers>
         </Style>
     </DataGrid.RowStyle>
</DataGrid>

WPF DataGrid可以通过实现拖拽换行来改变数据行的顺序。以下是实现方法: 1. 首先,在DataGrid的XAML中添加以下属性:AllowDrop="True"和PreviewMouseLeftButtonDown="DataGrid_PreviewMouseLeftButtonDown"。 2. 在DataGrid的代码中添加以下事件处理程序: ``` private void DataGrid_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { var source = e.OriginalSource as DependencyObject; var row = FindVisualParent<DataGridRow>(source); if (row != null) { DragDrop.DoDragDrop(row, row.DataContext, DragDropEffects.Move); e.Handled = true; } } private void DataGrid_Drop(object sender, DragEventArgs e) { var target = e.OriginalSource as DependencyObject; var row = FindVisualParent<DataGridRow>(target); if (row != null) { var data = e.Data.GetData(typeof(object)); var sourceIndex = DataGrid.Items.IndexOf(data); var targetIndex = DataGrid.Items.IndexOf(row.DataContext); if (sourceIndex != targetIndex) { var temp = DataGrid.Items[sourceIndex]; DataGrid.Items.RemoveAt(sourceIndex); DataGrid.Items.Insert(targetIndex, temp); } } } private static T FindVisualParent<T>(DependencyObject child) where T : DependencyObject { var parent = VisualTreeHelper.GetParent(child); if (parent == null) return null; var parentT = parent as T; return parentT ?? FindVisualParent<T>(parent); } ``` 3. 在DataGrid的XAML中添加Drop事件处理程序:Drop="DataGrid_Drop"。 实现了以上步骤后,就可以通过拖拽来改变数据行的顺序了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值