1

I have a WPF application that I've implemented using the MVVM pattern with a single windows which has a grid that can change dimensions at runtime. The content of the grid cells are always of the same type, however the number of columns in the grid vary depending on the state of the window. I'm new the MVVM pattern and WPF applications in general, so I'm having a hard time understanding how to represent the displayed data in a View Model, and to change the layout of the View accordingly.

The closest answer I've found is in this post which describes using DataTemplates to dynamically change the View based on the ViewModel bound to it, however it doesn't make sense to implement two separate ViewModels with the only difference being that one maintains a single data object, and the other maintains an array or list of the same data object.
WPF MVVM Why use ContentControl + DataTemplate Views rather than straight XAML Window Views?

I also know that I can programmatically configure the grid as in this post, but doing so in conjunction with a View model seems overly complicated, and like it breaks the MVVM pattern.
Programmatically setting the width of a grid column with * in WPF

Is there an approach to handling this problem that doesn't duplicate code or break the MVVM pattern?

Community
  • 1
  • 1
Jason Feldman
  • 11
  • 3
  • `Grid` is designed to contain a data structure like a list of records, and it seems it's not your case. You may try another `ItemsControl` to represent your data. What kind of data do you have? – mechanic Jun 28 '16 at 15:32
  • @mechanic OxyPlot `PlotModels`. Each "cell" would contain an OxyPlot `PlotView` which is bound to a `PlotModel` object that contains data points, etc. So to use an `ItemControl` with this I would bind an `ObservaleCollection` to an `ItemControl` with an `ItemTemplate` for the `PlotView`? – Jason Feldman Jun 28 '16 at 15:55
  • I think so, especially if it's a "single row" of "cells". You can also use [ItemsPanelTemplate](https://msdn.microsoft.com/en-us/library/system.windows.controls.itemscontrol.itemspanel(v=vs.110).aspx) to customize the panel, e.g. you could use `WrapPanel`. – mechanic Jun 28 '16 at 17:27

0 Answers0