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