阅读 97

WPF MVVM模式下DataGrid动态增加列与删除列

DataGrid删除或者列以后,需要先清空DataGrid的ItemsSouce,再重新给DataGrid绑定数据源,

直接在ViewModel里面对数据源进行添加和删除,不会反应到界面上,

在MVVM模式下面,如果直接把控件通过CommandParameter传到ViewModel进行修改,就显得很别扭

想了很久,才想到这个方法,如果大佬们有更好的方法,也可以指导下。

首先准备一个命令类 

 1 public class RelayCommand : ICommand
 2     {
 3         private Actionstring>> _addColumn;
 4 
 5         public RelayCommand(Actionstring>> addColumn)
 6         {
 7             _addColumn = addColumn;
 8         }
 9 
10         public event EventHandler CanExecuteChanged;
11 
12         public bool CanExecute(object parameter)
13         {
14             return true;
15         }
16 
17         public void Execute(object parameter)
18         {
19             _addColumn?.Invoke(parameter as Action<string>);
20         }
21     }

然后准备一个转换器 关键就是这个 他会把添加列的执行方法传递给ViewModel

 1 public class ColumnConverter : IValueConverter
 2     {
 3         private DataGrid _dataGrid;
 4 
 5         public void AddColumn(string name)
 6         {
 7             //如果存在相同名称 就直接return
 8             for (int i = 0; i < _dataGrid.Columns.Count; i++)
 9             {
10                 var col = _dataGrid.Columns[i];
11                 if (col.Header.ToString() == name)
12                 {
13                     return;
14                 }
15             }
16 
17             //添加列和绑定数据
18             _dataGrid.Columns.Add(new DataGridTextColumn() { Header = name, Binding = new Binding(name) });
19         }
20 
21         public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
22         {
23             _dataGrid = value as DataGrid;
24 
25             //把添加列的执行方法返回给ViewModel
26             return new Action<string>(AddColumn);
27         }
28 
29         public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
30         {
31             throw new NotImplementedException();
32         }
33     }

再准备一个ViewModel类,验证逻辑就先省略了

 1 public class MainViewModel : INotifyPropertyChanged
 2     {
 3         private string _columnName;
 4 
 5         private DataTable _data;
 6 
 7         public RelayCommand AddColumnCmd { get; set; }
 8 
 9         public DataTable Data
10         {
11             get => _data;
12             set => _data = value;
13         }
14 
15         public RelayCommand DelColumnCmd { get; set; }
16 
17         public MainViewModel()
18         {
19             //初始化数据
20             InitialData();
21 
22             //初始化命令
23             AddColumnCmd = new RelayCommand(AddColumn);
24             DelColumnCmd = new RelayCommand(DelColumn);
25         }
26 
27         public string Name
28         {
29             get { return _columnName; }
30             set { _columnName = value; OnPropertyChanged(); }
31         }
32 
33         public event PropertyChangedEventHandler PropertyChanged;
34 
35         private void AddColumn(Action<string> action)
36         {
37             action?.Invoke(Name);
38             Data.Columns.Add(new DataColumn() { ColumnName = Name });
39         }
40 
41         private void DelColumn(Action<string> action)
42         {
43             action?.Invoke(Name);
44 
45             Data.Columns.Remove(Name);
46         }
47 
48         /// 
49         /// 初始化数据
50         /// 
51         private void InitialData()
52         {
53             Data = new DataTable();
54             for (int i = 0; i < 5; i++)
55             {
56                 var col = new DataColumn() { ColumnName = (i + 1).ToString().PadLeft(2, 0) };
57                 Data.Columns.Add(col);
58             }
59 
60             for (int i = 0; i < 10; i++)
61             {
62                 var row = Data.NewRow();
63                 for (int j = 0; j < Data.Columns.Count; j++)
64                 {
65                     row[j] = i * j;
66                 }
67                 Data.Rows.Add(row);
68             }
69         }
70 
71         private void OnPropertyChanged([CallerMemberName] string name = null)
72         {
73             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
74         }
75     }

然后是界面 ,绑定各种数据

 1 <Window
 2     x:Class="DataGrid动态添加列.MainWindow"
 3     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 4     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 5     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 6     xmlns:local="clr-namespace:DataGrid动态添加列"
 7     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 8     Title="MainWindow"
 9     Width="800"
10     Height="450"
11     mc:Ignorable="d">
12     
13         
14     
15     
16         "Converter" />
17     
18     
19         "Vertical">
20             "30" Text="{Binding Name}" />
21             <Button
22                 Command="{Binding AddColumnCmd}"
23                 CommandParameter="{Binding ElementName=grid, Converter={StaticResource Converter}}"
24                 Content="添加列" />
25             "grid" ItemsSource="{Binding Data}" />
26         
27     
28 

最终效果

 

原文:https://www.cnblogs.com/AtTheMoment/p/15121017.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐