While working on an Universal App (currently only on the WP8.1-side), I've stumbled upon the following weird thing.
I've got a ComboBox, the UserControl (located in the WindowsPhone-project) it's in is binded to a VM in the Shared project. Both the ItemsSource and SelectedItem are binded to their respective properties in the VM.
When running the application, when you select any item except the first one, it is working perfectly. But, when I select the first item, the string displayed in the ComboBox shows the .ToString()-method of the VM instead...
(Btw, it's a simple List<string>, the selected item is a string. It can't get much more simpler than that :p)
I've created a sample app, containing just this Combobox, and the VM. I was able to reproduce this, the moment I asynchronously fill in property binded to the ItemsSource. When doing it from a synchronous method, it works. But just filling it from an async method provides the above problem.
A few screenshots:
The first one shows the app when it's loaded. When the collection changes, the first element of the list is selected. It is shown here:
When you click on the ComboBox, you get to see its items as usual:
Say you click on any element other than the first, you still get normal behaviour:
So far, so normal. Now click the first item. You get this:
...
I've tried a variety of things like making it a list of an object instead of just strings. Adding a converter to the binded objects, just for debugging purposes, only reveales the actual string-values. I've got no idea how, nor why, the binded SelectedItem suddenly shows the DataContext of the ComboBox...
You can download the sample app here: http://1drv.ms/1DhklCQ (contains no binaries, just the code)
Anybody got any ideas?
EDIT: The code required to reproduce this issue:
Create a blank Universal store app (8.1). In the WindowsPhone project, the file MainPage.xaml: I've added a simple combobox, and catch the Loaded event.
<ComboBox ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}" />
In its code behind. I've assigned the DataContext to the VM. And in the Loaded event I asychronously call the VM.LoadData()
private VM _vm = new VM();
public MainPage()
{
this.InitializeComponent();
this.DataContext = _vm;
}
private async void Page_Loaded(object sender, RoutedEventArgs e)
{
await _vm.LoadDataAsync();
}
The VM object is defined as followed:
public class VM : INotifyPropertyChanged
{
private List<string> _items;
public List<string> Items
{
get { return _items; }
set
{
_items = value;
_selectedItem = _items.FirstOrDefault();
RaisePropertyChanged("Items");
RaisePropertyChanged("SelectedItem");
}
}
private string _selectedItem;
public string SelectedItem
{
get { return _selectedItem; }
set
{
_selectedItem = value;
RaisePropertyChanged("SelectedItem");
}
}
public VM()
{
}
public async Task LoadDataAsync()
{
this.Items = new List<string>()
{
"a",
"b",
"c",
"d",
"e",
"f",
};
}
public event PropertyChangedEventHandler PropertyChanged;
private void RaisePropertyChanged(string propName)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(propName));
}
}
}