WPF MVVM框架下的单元格合并

一、在学习新的项目当中,维修资料模块需要用到单元格合并的功能,样式如下图所示

WPF MVVM框架下的单元格合并

二、刚开始也是不知道怎么做的,通过在网上查找,发现大多都是写了怎么合并表头的。不过还是让我发现了一篇能用的文献,准确地说不应该叫合并而应该叫单元格拆分,仔细研究后把它改造成能适应MVVM框架的模式。

1、XAML 表格使用DataGridTemplateColumn标签,首先数据正常使用MVVM的双向绑定,而检测结果和后续步骤列的单元格上下拆分,同时使用两个TextBlock绑定数据,如果需要动态的显示和隐藏只需在Visibility里绑定相应的判断即可。
WPF MVVM框架下的单元格合并

2、Model MaintenanceDataModel用来接收表格的数据,同时TextBlock上下绑定对应。

WPF MVVM框架下的单元格合并

3、ViewModel 将数据列表ItemsSource="{Binding TroubleshootingList}"绑定到XAML的DataGrid表格中,然后调用Model的 MaintenanceDataModel写入数据。

WPF MVVM框架下的单元格合并