How to link ReactiveList with WPF ListBox or ListView using code?

Question

I have a problem displaying the contents of a ReactiveList in a ListBox control in my view. When I try to bind it using code bindings (using this.OneWayBind(...) ), the list remains empty. I am using the latest version of ReactiveUI ( 6.1.0 ). If I change the binding to XAML-Binding and delete the call to OneWayBind(...) , the list will display five String elements.

I do not know why this does not work, just TextBlock.Text -Binding works as expected (see code).

---

MainWindow.xaml

 <Window x:Class="View_Location_Test.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:local="clr-namespace:View_Location_Test" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <StackPanel> <ListBox x:Name="ToasterList"> <!-- This is working if you uncomment the above line and remove the OneWayBind call in the view-code: --> <!--<ListBox x:Name="ToasterList" ItemsSource="{Binding ToasterList}">--> <ListBox.Resources> <DataTemplate DataType="{x:Type System:String}"> <TextBlock Text="{Binding}" /> </DataTemplate> </ListBox.Resources> </ListBox> <TextBlock x:Name="ToasterName" /> </StackPanel> 

MainWindow.xaml.cs

 public partial class MainWindow : Window, IViewFor<ViewModel> { public MainWindow() { ViewModel = new ViewModel(); DataContext = ViewModel; InitializeComponent(); // bind this.OneWayBind(ViewModel, vm => vm.ToasterList, v => v.ToasterList.ItemsSource); this.Bind(ViewModel, vm => vm.Name, v => v.ToasterName.Text); } public ViewModel ViewModel { get { return (ViewModel)GetValue(ViewModelProperty); } set { SetValue(ViewModelProperty, value); } } public static readonly DependencyProperty ViewModelProperty = DependencyProperty.Register("ViewModel", typeof(ViewModel), typeof(MainWindow), new PropertyMetadata(null)); object IViewFor.ViewModel { get { return ViewModel; } set { ViewModel = (ViewModel)value; } } } 

ViewModel.cs

 public class ViewModel : ReactiveObject { public ViewModel() { ToasterList.Add("Toaster 1"); ToasterList.Add("Toaster 2"); ToasterList.Add("Toaster 3"); ToasterList.Add("Toaster 4"); ToasterList.Add("Toaster 5"); } private String name = "My name"; public String Name { get { return name; } set { this.RaiseAndSetIfChanged(ref name, value); } } private ReactiveList<String> toasterList = new ReactiveList<string>(); public ReactiveList<String> ToasterList { get { return toasterList; } set { this.RaiseAndSetIfChanged(ref toasterList, value); } } } 

Answer 1

This is because you installed the ItemTemplate in Weird Way ™, so ReactiveUI thinks you do not have an ItemTemplate and is configured based on agreement (which is redundant only for the string).

Instead, install it as follows:

 <ListBox x:Name="ToasterList"> <ListBox.ItemTemplate> <DataTemplate> <TextBlock Text="{Binding}" /> </DataTemplate> </ListBox.ItemTemplate> </ListBox>