I need to display something that shows a Week of days along the Columns, and a list of Categories along the Rows, and a list of Tasks that are due in the Cells (See sketch b
Considering that we are talking about WPF, I assume that Viewed Week
, Categories
, and the Tasks
are objects of the model. So what I would do in this case, is to create ModelView that combines that objects based on your app logic relationship into another ModelView's Week
object, whom properties actually end up binded to actual UI (Grid, ListView, Telerik control, whatever...).
I'd probably go with a DataTable property that you rebuild when you change weeks, then bind a DataGrid to that DataTable.
Rebuild code would look something like this (will obviously need tweaking based on your collection properties):
tbl = new DataTable();
foreach(var day in Week) {
tbl.Columns.Add(new DataColumn(day.Name, Task));
}
foreach(var cat in Categories) {
var tasks = AllTasks.Where(t => t.Category.equals(cat) && Week.Contains(t.Day));
if (tasks.Any()) {
foreach (var task in tasks) {
var row = new DataRow();
row.SetField(day.Name, task);
tbl.Rows.Add(row);
}
}
}
Then you could bind a DataGrid to that DataTable:
<!-- Wherever you want the datagrid -->
<DataGrid ItemsSource="{Binding, NotifyOnSourceUpdated=True}" AutoGenerateColumns="False">
<DataGrid.Columns>
<DataGridTemplateColumn Header={Binding Columns[0].Name} CellTemplate="{StaticResource TaskTemplate}"/>
<!-- Six more columns for the other days -->
</DataGrid.Columns>
</DataGrid>
I think I might have found a way to do it... I need to rearrange my Data a bit
My main ViewModel will contain ObservableCollection<DateTime> CurrentWeek
and ObservableCollection<Category> CurrentTasks
The Category
class should have ObservableCollection<Task> Tasks
Task
should have ObservableCollection<TaskInstances> Occurences
The main ViewModel should also subscribe to CurrentWeek.CollectionChanged
, and based on what the dates are in the collection, update each Category.Task[x].Occurences
if Category.Task.IsRecurring == true
Then I think I can use the following structure to get what I want. I'll update this post when I know if this works or not
Update: It works :)