Dfyjkt

I want to display multiple rectangles with some properties, which I store in an Array of Arrays. The XAML for displaying looks like this:

<UserControl x:Class="Project.Views.SomeView">

<UserControl.Resources>
 <DataTemplate x:Key="ObjectRowTemplate">
 <Rectangle Fill="Binding Path=color, UpdateSourceTrigger=PropertyChanged" Height="15" Width="30" StrokeThickness="1px" Stroke="Blue" >
 <i:Interaction.Triggers>
 <i:EventTrigger EventName="MouseDown">
 <catel:EventToCommand DisableAssociatedObjectOnCannotExecute="False">
 <catel:EventToCommand.Command>
 <Binding RelativeSource="RelativeSource AncestorType=x:Type Canvas" Path="DataContext.ObjectClickedCommand" />
 </catel:EventToCommand.Command>

 <catel:EventToCommand.CommandParameter>
 <Binding Path="." />
 </catel:EventToCommand.CommandParameter>
 </catel:EventToCommand>
 </i:EventTrigger>
 </i:Interaction.Triggers>
 </Rectangle> 
 </DataTemplate>

 <DataTemplate x:Key="ObjectColumnTemplate">
 <ItemsControl ItemsSource="Binding ., UpdateSourceTrigger=PropertyChanged" ItemTemplate="DynamicResource ObjectRowTemplate" >
 <ItemsControl.ItemsPanel>
 <ItemsPanelTemplate>
 <StackPanel Orientation="Horizontal"/>
 </ItemsPanelTemplate>
 </ItemsControl.ItemsPanel>
 </ItemsControl>
 </DataTemplate>

</UserControl.Resources>
<StackPanel>
 <Canvas Background="Black" Width="Binding CanvasWidth" Height="600">
 <Grid>
 <ItemsControl ItemsSource="Binding Path=BindedProperty, Mode=OneWay, UpdateSourceTrigger=PropertyChanged" ItemTemplate="DynamicResource ObjectColumnTemplate"/>
 </Grid>
 </Canvas>
</StackPanel>

there is a StackPanel with a canvas inside which shows the array of array via the two defined DataTemplates, by creating a Rectangle for each "slot" in the Array.

namespace ViewModels

 public class ViewModel : AdvancedViewModelBase
 
 public CreateGameFieldViewModel()
 
 ObjectClickedCommand = new Command<Object>(ObjectClicked);

 Objects = new Objects[15];
 for (int i = 0; i < 15; i++)
 
 Objects[i] = new Object[15];
 for (int j = 0; j < 15; j++)
 
 Objects[i][j] = new Object(someparams);
 
 
 

 private Object _selectedObject;

 private Object _object;

 public Object Objects
 
 get return _object; 
 set
 
 _object = value;
 RaisePropertyChanged(nameof(Objects));
 
 

 public int CanvasWidth get; set; = 450;

 public Command<OPbject> ObjectClickedCommand get; set; 

 public void ObjectClicked(Object object)
 
 if (object != null)
 
 _selectedObject = object;
 
 

 public void OnKeyDown(KeyEventArgs e)
 
 // Modify _currentObject
 _currentObject.color = Brushes.Blue;

 RaisePropertyChanged(nameof(Objects));
 
 

The property binding with the viewmodel works fine, the properties are set as defined. By clicking on a Rectangle, the object which is bound to, is now set as _selectedObject and can be modified by the arrow keys, which also works like a charm.

Since I modified one object of the array of arrays, which I am binding to the DataTemplate, I have to notify my UI which I am doing by then line RaisePropertyChanged(nameof(Objects)); (used Nuget: Catel) after the modification.

Unfortunately the UI does not get updated. I checked everything, the object in the array of arrays contains the modifications.

I guess it doesn't work because of the DataTemplates I used.

Can anyone help me?