MVVM下DataGrid的简单应用

心已赠人 2021-09-10 22:40 349阅读 0赞

基于MVVM模式下DataGrid的简单应用，本实例将实现一个用户列表的展示和一些数据操作功能，如图1。

![Center][]

图1

实例要求：

（1）实现用户列表的绑定。

（2）绑定性别属性时，使用Converter对性别属性的转化。

（3）绑定日期时，对日期格式的转换。

（4）点击“编辑”按钮能够获取用户信息。

（5）点击“删除”按钮能够获取用户编号。

**1、实体层**

在实体层中创建用户信息实体类（UserModel.cs）。

/// <summary>
    /// 用户信息实体类
    /// </summary>
    public class UserModel : INotifyPropertyChanged
    {
        private int _id;
        /// <summary>
        /// 编号
        /// </summary>
        public int Id
        {
            get { return _id; }
            set
            {
                _id = value;
                this.NotifyPropertyChanged("Id");
            }
        }
    
        private string _name;
        /// <summary>
        /// 姓名
        /// </summary>
        public string Name
        {
            get { return _name; }
            set
            {
                _name = value;
                this.NotifyPropertyChanged("Name");
            }
        }
    
        private int _sex;
        /// <summary>
        /// 性别(0：男，1：女)
        /// </summary>
        public int Sex
        {
            get { return _sex; }
            set
            {
                _sex = value;
                this.NotifyPropertyChanged("Sex");
            }
        }
    
        private DateTime? _jobDate;
        /// <summary>
        /// 入职时间
        /// </summary>
        public DateTime? JobDate
        {
            get { return _jobDate; }
            set
            {
                _jobDate = value;
                this.NotifyPropertyChanged("JobDate");
            }
        }
    
        public event PropertyChangedEventHandler PropertyChanged;
        public void NotifyPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }  
    }

**2、ViewModel层**

在ViewModel层中创建用户列表ViewModel类（UserListViewModel.cs）。

/// <summary>
    /// 用户列表ViewModel类
    /// </summary>
    public class UserListViewModel : INotifyPropertyChanged
    {
        public List<UserModel> _userList = new List<UserModel>();
        /// <summary>
        /// 用户列表
        /// </summary>
        public List<UserModel> UserList
        {
            get
            {
                return this._userList;
            }
            set
            {
                this._userList = value;
                this.RaisePropertyChanged("_userList");
            }
        }
    
        /// <summary>
        /// 初始化
        /// </summary>
        public UserListViewModel()
        {
            //加载数据
            UserList = new List<UserModel>(){
                new UserModel(){Id=1,Name="张三",Sex=0,JobDate=DateTime.Now},
                new UserModel(){Id=2,Name="李四",Sex=1,JobDate=DateTime.Now},
                new UserModel(){Id=3,Name="王五",Sex=0,JobDate=DateTime.Now},
                new UserModel(){Id=4,Name="孙六",Sex=0,JobDate=DateTime.Now},
                new UserModel(){Id=5,Name="黄七",Sex=1,JobDate=DateTime.Now},
            };
        }
    
        //属性改变事件
        public event PropertyChangedEventHandler PropertyChanged;
    
        //当属性改变的时候，调用该方法来发起一个消息，通知View中绑定了propertyName的元素做出调整
        public void RaisePropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
    
    /// <summary>
    /// 编辑命令
    /// </summary>
    public class EditCommand : ICommand
    {
        public bool CanExecute(object parameter)
        {
            return true;
        }
    
        public event EventHandler CanExecuteChanged;
    
        public void Execute(object parameter)
        {
            UserModel userInfo = parameter as UserModel;
            if(userInfo!=null)
            {
                //执行编辑
            }
        }
    }
    
    /// <summary>
    /// 删除命令
    /// </summary>
    public class DeleteCommand : ICommand
    {
        public bool CanExecute(object parameter)
        {
            return true;
        }
    
        public event EventHandler CanExecuteChanged;
    
        public void Execute(object parameter)
        {
            int id = (int)parameter;
            if (id > 0)
            {
                //执行删除
            }
        }
    }

**3、表现层**

在表现层中创建Converter目录，并创建SexConverter.cs，用于对性别属性的转换。

public class SexConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            string result = "";
            string sex = value.ToString();
            if (sex == "0")
            {
                result = "男";
            }
            else if (sex == "1")
            {
                result = "女";
            }
            return result;
        }
    
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

创建用户列表窗体（UserList.xaml）。

前台代码：

后台代码：

/// <summary>
    /// UserList.xaml 的交互逻辑
    /// </summary>
    public partial class UserList : Window
    {
        public UserList()
        {
            InitializeComponent();
            this.DataContext = new UserListViewModel();
        }
    }

[Center]: /images/20210724/6239b0aae990459780e2bec0a2f8b23d.png