MVVMLight+WPF

xiaoxiao2021-02-28  86

安装MVVMLight的方法网上有很多例子,我使用NUGet 搜索并安装在程序目录下, http://www.cnblogs.com/chenxizhang/archive/2011/10/01/2197786.html 也可以参照该文章,进行安装

1.安装完成MVVMLight以后 先拿主窗体做实验,将自动生成的Mainviewmodel 绑定到 主窗体上

<Window.DataContext> <vm:MainViewModel x:Name="mainViewModel" /> </Window.DataContext>

OK绑定完成

但是此时没有任何效果,因为还没有任何的数据绑定。

我们在Mainviewmodel中添加一些数据属性,可以将这些显示到界面中

/// <summary> /// 总数据 /// </summary> public List<YourClass> AllList { get; set; } /// <summary> /// 展示的数据(已付、未付、已确认) /// </summary> public List<YourClass> AllListView { get; set; } /// <summary> /// 明细显示数据 /// </summary> public YourClass ClassDetial { get; set; } /// <summary> /// 明细是否显示 /// </summary> public Visibility DetialVisibility { get; set; } = Visibility.Hidden; /// <summary> /// 订单明细是否显示 /// </summary> public String Title{ get; set; } =你好!; /// <summary> /// 订单明细是否显示 /// </summary> public double num{ get; set; }

后台中需要存储的属性会和前台相互呼应,当你在后台对值操作时,调用通知前台界面也会随之变化。

<TextBlock Text="{Bingding Title}" ....... <TextBlock Text="{Bingding num}" ....... <DataGrid ItemsSource="{Bingding AllListView }"... <Button Visibility ="{Bingding DetialVisibility }"...

我在编码过程中队列表做了两个数据AllList 、AllListView 因为不想在执行数据操作时影响前台界面显示,所以只用ALLList做数据处理筛选出数据再赋值到AllListView

DetialVisibility = Visibility.Visible; this.RaisePropertyChanged("DetialVisibility ", DetialVisibility ); //this.RaisePropertyChanged(()=>DetialVisibility );

当你修改完数据界面不会马上改动需要调用方法通知,调用以上代码可以达到通知效果 如果这个也不能通知需要使用

Set("Title",ref Title)

对于命令的绑定是这样的

public ICommand ViewCommand { get { return new RelayCommand<int>((ViewType) => { DetialVisibility = Visibility.Visible; this.RaisePropertyChanged("DetialVisibility ", DetialVisibility ); }); } }

前台

<Button Command="{Binding ViewCommand}" CommandParament="1" .....

CommandParament可以传也可以不传

转载请注明原文地址: https://www.6miu.com/read-31902.html

最新回复(0)