Radio button created as user control binding to observablecollection of enums - wpf

Question

Have a user control created with radio button binding to a enum property.
Everything works when one user control is added to main window, but things go awkward when we have more than one user control all are bonded to same enum property. change one of them and all the radio buttons show same value.
How can i bind a radio button in a user control to observable collection of enum?
so that any number of user controls added to main window wil have independent binding.
ViewModel:
public enum SISOModels
{
NoModel,
PredictionOnly,
PredictionAndControl
};
private SISOModels _sisoModel;
public SISOModels sisoModel
{
get
{
return _sisoModel;
}
set
{
_sisoModel = value;
OnPropertyChanged("sisoModel");
}
}
private ObservableCollection<SISOModels> _sisoModelList;
public ObservableCollection<SISOModels> sisoModelList
{
get
{
return _sisoModelList;
}
set
{
_sisoModelList = value;
OnPropertyChanged("sisoModelList");
}
}
View:
<RadioButton x:Name="r1" Content="No Model" FontSize="16" IsChecked= "{Binding Path = sisoModel , Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.NoModel}}"/>
<RadioButton x:Name="r2" Content="Prediction Only" FontSize="16" IsChecked="{Binding Path = sisoModel, Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionOnly}}"/>
<RadioButton x:Name="r3" Content="Prediction And Control" FontSize="16" IsChecked="{Binding Path = sisoModel, Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionAndControl}}"/>
this works as i am binding to one enum property but with multiple such user controls added all are binded to same enum property.
if i change it to this:
<RadioButton x:Name="r1" Content="No Model" FontSize="16" IsChecked= "{Binding Path = sisoModelList , Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.NoModel}}"/>
<RadioButton x:Name="r2" Content="Prediction Only" FontSize="16" IsChecked="{Binding Path = sisoModelList, Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionOnly}}"/>
<RadioButton x:Name="r3" Content="Prediction And Control" FontSize="16" IsChecked="{Binding Path = sisoModelList, Mode=TwoWay, Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionAndControl}}"/>
i get error saying "binding should be a enum"

Answer 1

It's pretty simple. You can use, for example, ItemsControl:
Assuming you have a view model:
enum Enumeration { One, Two, Three }
class ViewModel
{
public ViewModel()
{
this.Collection = new ObservableCollection<Enumeration> { Enumeration.One, Enumeration.Three };
}
public ObservableCollection<Enumeration> Collection { get; private set; }
}
Then add an ItemsControl container:
<Window.Resources>
<local:ViewModel x:Key="viewModel"/>
</Window.Resources>
<Grid DataContext="{StaticResource viewModel}">
<ItemsControl ItemsSource="{Binding Collection}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding}"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>
You then set your collection as the items source, and your control would be the data template.
In my example, this control is a simple TextBlock, but you can use your custom control here.
EDIT:
There is no problem using converters, too. You just need to use the right Path. By the way, the IsChecked property binding is TwoWay by default, so you don't need to specify it explicitly.
You can replace the ItemsControl with a Grid or any container you like.
<Window.Resources>
<local:ViewModel x:Key="viewModel"/>
<local:EnumToBooleanConverter x:Key="EnumToBooleanConverter"/>
</Window.Resources>
<Grid DataContext="{StaticResource viewModel}">
<ItemsControl ItemsSource="{Binding sisoModelList}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical">
<RadioButton x:Name="r1" Content="No Model" FontSize="16" IsChecked="{Binding Path=., Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.NoModel}}"/>
<RadioButton x:Name="r2" Content="Prediction Only" FontSize="16" IsChecked="{Binding Path=., Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionOnly}}"/>
<RadioButton x:Name="r3" Content="Prediction And Control" FontSize="16" IsChecked="{Binding Path=., Converter={StaticResource EnumToBooleanConverter}, ConverterParameter={x:Static local:SISOModels.PredictionAndControl}}"/>
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</Grid>