Combobox IsEditable breaks my databinding

Question

I have a Combobox with an item source to an ObservableCollection

listSites = new ObservableCollection<SiteData>()
        {
            new SiteData("Site 1", true, "HomeAutomation", "Green"),
            new SiteData("Site 2", true, "HomeAutomation", "Green"),
            new SiteData("Site 3", true, "HomeAutomation", "Green"),
            new SiteData("Site 4", false, "HomeAlert", "Red"),
            new SiteData("Site 5", true, "HomeAutomation", "Green"),
            new SiteData("Site 6", true, "HomeAutomation", "Green"),
            new SiteData("Site 7", true, "HomeAutomation", "Green"),
            new SiteData("Site 8", false, "HomeAlert", "Red"),
            new SiteData("Site 9", true, "HomeAutomation", "Green"),
            new SiteData("Site 10", false, "HomeAlert", "Red"),
        };
        cbxSites.ItemsSource = listSites;

The Combobox also has an ItemTemplate to a StaticResource:

<ComboBox x:Name="cbxSites" VerticalAlignment="Top" Width="250" Margin="0, 
0, 0, 0" BorderBrush="White"
                  ItemsSource="{Binding listSites}" ItemTemplate=" 
{StaticResource SiteComboBoxItemTemplate}" 
HorizontalContentAlignment="Center"
                      SelectionChanged="CbxSites_SelectionChanged" 
IsEditable="True" />


<DataTemplate x:Key="SiteComboBoxItemTemplate">
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
            <materialDesign:PackIcon Kind="{Binding StatusIcon}" 
Width="30" Height="30" Foreground="{Binding StatusColour}"

VerticalAlignment="Center" HorizontalAlignment="Right" />
            <TextBlock Text="{Binding SiteName}" Margin="20, 0, 0, 0" />
        </StackPanel>
    </DataTemplate>

When IsEditable on the ComboBox is set to false, the binding works and I can click on the Combobox and see all the names (Site 1, Site 2, Site 3 etc) and by clicking on an item, it populates that same name in the Combobox as you would expect. When IsEditable is true, the drop down list of the Combobox still displays the site names correctly (Site 1, Site 2, Site 3 etc) but when I select one, instead of the same name of that site populating in the Combobox, I see "CipClient.SiteData" instead. Why is this and how can I fix it?

Have you read these [Remarks](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.combobox.iseditable?view=netframework-4.8#remarks)? — Clemens, Jul 02 '19 at 08:45
Maybe this helps: https://stackoverflow.com/questions/4902039/difference-between-selecteditem-selectedvalue-and-selectedvaluepath — Biesi, Jul 02 '19 at 08:48

score 0 · Accepted Answer · answered Jul 02 '19 at 09:16

WPF IsEditable=true ComboBox filled with objects displays the ToString() as the selected item. You can fix this:

<ComboBox x:Name="cbxSites" VerticalAlignment="Top" Width="250" Margin="0, 0, 0, 0" BorderBrush="White"
                  ItemsSource="{Binding listSites}" IsTextSearchEnabled="True" TextSearch.TextPath="SiteName"  ItemTemplate="{StaticResource SiteComboBoxItemTemplate}" HorizontalContentAlignment="Center" SelectionChanged="CbxSites_SelectionChanged" 
IsEditable="true" />

Combobox IsEditable breaks my databinding

1 Answers1