欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

MVVM模式下双向绑定表格

程序员文章站 2022-06-19 13:05:36
在对表格进行直接新增或者想直接对表格进行编辑实时保存的时候,双向绑定是一个很好的选择。双向绑定的意思很简单,就是我从数据源获取数据给到页面,当页面的数据发生改变时,页面的数据会回流到数据源,从而不需要进行什么繁琐的操作就可以实时保存。具体实现步骤及思路如下:这是定义好的一个model,然后我在ViewModel这边定义了一个列表还有新增数据的命令:Demo列表是用来绑定View表格的。以下是View,可以看到DataGrid的 ItemsSource的绑定上设置了UpdateSource...

在对表格进行直接新增或者想直接对表格进行编辑实时保存的时候,双向绑定是一个很好的选择。双向绑定的意思很简单,就是我从数据源获取数据给到页面,当页面的数据发生改变时,页面的数据会回流到数据源,从而不需要进行什么繁琐的操作就可以实时保存。

具体实现步骤及思路如下:

这是定义好的一个model,
MVVM模式下双向绑定表格

然后我在ViewModel这边定义了一个列表还有新增数据的命令:
MVVM模式下双向绑定表格

Demo列表是用来绑定View表格的。

以下是View,
MVVM模式下双向绑定表格

可以看到DataGrid的 ItemsSource的绑定上设置了

UpdateSourceTrigger=PropertyChanged,Mode=TwoWay,UpdateSourceTrigger的作用是当做何种改变的时候通知数据源我们做了改变,Mode =OneWay,源发生变化,数据就会从源流向目标。

那么以下是效果:
MVVM模式下双向绑定表格
MVVM模式下双向绑定表格

在表格填写的数据会实时保存在ViewModel这个表格里面的,在这边值得注意的是,如果仅仅是在DataGrid的 ItemsSource上写UpdateSourceTrigger=PropertyChanged,Mode=TwoWay,是不够的,还要在DataGridTextColumn里面的字段进行绑定才行,不然可能导致数据不回流。

本文地址:https://blog.csdn.net/weixin_44579862/article/details/107899376

相关标签: MVVM