当前位置: 移动技术网 > 移动技术>移动开发>IOS > MVVM模式下双向绑定表格

MVVM模式下双向绑定表格

2020年08月10日  | 移动技术网移动技术  | 我要评论

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

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

这是定义好的一个model,
在这里插入图片描述

然后我在ViewModel这边定义了一个列表还有新增数据的命令:
在这里插入图片描述

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

以下是View,
在这里插入图片描述

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

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

那么以下是效果:
在这里插入图片描述
在这里插入图片描述

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

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网