MVVMLight绑定数据

　　我们先新建一个WPF项目MVVMLightDemo，添加GalaSoft.MvvmLight.dll（没有可以自己下载）

　　然后在项目中添加三个文件夹，如图：

　　先添加我们的Model，在Model下新建一个类Student

using GalaSoft.MvvmLight;
using System.Collections.ObjectModel;namespace MVVMLightDemo.Model
{public class Student : ObservableObject{private int stuNo;public int StuNo{get { return stuNo; }set { stuNo = value; RaisePropertyChanged(() => StuNo); }}private string name;public string Name{get { return name; }set { name = value; RaisePropertyChanged(() => Name); }}public static ObservableCollection<Student> GetStudentList(){ObservableCollection<Student> list = new ObservableCollection<Student>();list.Add(new Student() { StuNo = 1, Name = "张三" });list.Add(new Student() { StuNo = 2, Name = "李四" });return list;}}
}

　　注意：1.该类继承了ObservableObject，该类主要实现了属性变更通知接口，如我们用到的：RaisePropertyChanged 方法

　　　　　2.该类中的GetStudentList()方法只是为了得到数据，我们项目里一般都是从数据库查数据。

接着，我们在ViewModel下添加StudentViewModel文件，代码如下：

using GalaSoft.MvvmLight;
using MVVMLightDemo.Model;
using System.Collections.ObjectModel;namespace MVVMLightDemo.ViewModel
{public class StudentViewModel : ViewModelBase{private ObservableCollection<Student> studentData;public ObservableCollection<Student> StudentData{get{return studentData;}set{studentData = value;RaisePropertyChanged(() => StudentData);}}public StudentViewModel(){studentData = Student.GetStudentList();}}
}

　　注意：该类继承了ViewModelBase（ViewModelBase 也继承了ObservableObject），不要忘记using System.Collections.ObjectModel;

　　我在该类的构造函数中，对 StudentData 进行了初始化，把数据给赋值上去了，那么在接下来的View中绑定 StudentData 才会出现数据。

最后，在View文件夹下添加StudentView.xaml文件。代码如下：

1 <Window x:Class="MVVMLightDemo.View.StudentView"
2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4         Title="StudentView" Height="300" Width="300">
5     <Grid>
6         <DataGrid Name="studentDataGrid" ItemsSource="{Binding Path=StudentData}"/>
7     </Grid>
8 </Window>

仅这样还不行，我们还需要让View与ViewModel关联起来，那么需要设置这个View的数据上下文。在后台编写如下代码（也可在前台编写绑定DataContext）

 1 using System.Windows;
 2 using MVVMLightDemo.ViewModel;
 3
 4 namespace MVVMLightDemo.View
 5 {
 6     public partial class StudentView : Window
 7     {
 8         public StudentView()
 9         {
10             InitializeComponent();
11             this.DataContext = new StudentViewModel();
12         }
13     }
14 }

好了，到这里我们实现了MVVMLight的数据绑定，后面将在这个代码的基础上，介绍命令绑定。

装模作样的声明一下：本博文章若非特殊注明皆为原创，若需转载请保留原文链接（http://www.cnblogs.com/kest/p/4691423.html）及作者信息k_est

转载于:https://www.cnblogs.com/kest/p/4691423.html

MVVMLight绑定数据相关推荐

【硬核技能】舒工自创bind绑定数据方法，类似angular和vue绑定数据原理
if ($g) {$g.$utils || ($g.$utils = {}); } else {var $g = {};$g.$utils = {}; } /*绑定数据神器*/ $g.$utils.b ...
D3.js系列——初步使用、选择元素与绑定数据
D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档.听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可 ...
angular绑定数据_Angular中的数据绑定说明
angular绑定数据数据绑定 (Data Binding) 动机 (Motivation) Data often defines the look of an application. Inter ...
微信小程序绑定数据以及自定义指令
视图文件里使用{{}}可以绑定数据,: <image src="{{like?'images/like_on.png':'images/like.png'}}">< ...
Repeater 嵌套绑定数据，嵌套的Repeater无法绑定的问题
Repeater 嵌套绑定数据,嵌套的Repeater无法绑定的问题今天做绑定遇到了这个么个问题,绑定的事件ItemDataBound()跟之前的并没有改动,为什么会出现绑定失败的问题呢?要是你 ...
vue绑定数据之前会看到源代码
http://blog.csdn.net/fengjingyu168/article/details/72915468 VUE绑定数据闪现问题问题描述如下: 1.在HTML中使用Vue为div绑定数 ...
combobox绑定数据
今天开发过程中遇到Combobox绑定数据的需求,研究了下绑定DataTable,现在Po上来,有时间研究下绑定其他类型的数据,到时候再来更新. 废话不多说,上代码: //清空一下绑定 m_Combo ...
ASP.NET dropdownlist绑定数据却显示System.Data.DataRowView
问题: 在VS中用dropdownlist控件绑定数据,浏览时却在控件里显示System.Data.DataRowView,而不是要显示的数据,代码如下: public static DataSet ...
ElementUI Pagination 分页器绑定数据
1.el-table绑定数据 <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSiz ...

MVVMLight绑定数据

MVVMLight绑定数据相关推荐

最新文章

热门文章