WPF: Prevent ComboBox from displaying selected item

Question

I have a ComboBoxthat I have templated to look like this:

Here is the XAML for this ComboBox:

<ComboBox Name="StateInclusionRules_ComboBox" 
          ItemsSource="{Binding StateInclusionRules}"
          Height="25"
          Width="155"
          Margin="0"
          Grid.Column="7">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal"
                        Margin="0">
                <Label Content="{Binding State}"
                       Margin="0,0,0,0"
                       Width="30" />
                <CheckBox IsChecked="{Binding StateTax}" 
                          Margin="20,0,0,0"/>
                <CheckBox IsChecked="{Binding StateChildSupport}" 
                          Margin="30,0,0,0"/>
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

Is there a way to prevent the selected item from being displayed in the ComboBox ContentPresenter (the red bordered area, i.e, the area you see when the ComboBox is closed)?

@jstreet No luck, I also tried setting SelectedItem = "{x:Null}" & SelectedValue="-1" without success. Also, setting any of these values disables the checkboxes within the dropdown. — BrianKE, Oct 20 '16 at 18:59
Possible duplicate of [Can I use a different Template for the selected item in a WPF ComboBox than for the items in the dropdown part?](http://stackoverflow.com/questions/4672867/can-i-use-a-different-template-for-the-selected-item-in-a-wpf-combobox-than-for) — Funk, Oct 20 '16 at 19:38
[Another way](http://stackoverflow.com/a/39395482/4838058) to handle this. — Funk, Oct 20 '16 at 19:45

Rom · Accepted Answer · 2016-10-23T05:34:07.780

First you need 2 DataTemplates, 1 for the selected item and 1 for the drop down item.

The selected we are going to leave empty because this is your requirment. The drop down item DataTemplate will have the exact DataTemplate you wanted. When item is selected a DataTrigger will change it's template to the SelectedTemplate, like so:

  <Window.Resources>

    <DataTemplate x:Key="DropDownItemTemplate" DataType="wpfApplication1:ItemSourceModel">
        <StackPanel Orientation="Horizontal"
                    Margin="0">
            <Label Content="{Binding Value}"
                   Margin="0,0,0,0"
                   Width="30" />
            <CheckBox IsChecked="{Binding Value}" 
                      Margin="20,0,0,0"/>
            <CheckBox IsChecked="{Binding Value}" 
                      Margin="30,0,0,0"/>
        </StackPanel>
    </DataTemplate>

    <DataTemplate x:Key="SelectionBoxTemplate">

    </DataTemplate>

    <DataTemplate x:Key="ComboBoxTemplate">
        <ContentPresenter x:Name="Presenter"
               Content="{Binding}"
               ContentTemplate="{StaticResource DropDownItemTemplate}" />
        <DataTemplate.Triggers>
            <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor,ComboBoxItem,1}}" Value="{x:Null}">
                <Setter TargetName="Presenter" Property="ContentTemplate" Value="{StaticResource SelectionBoxTemplate}" />
            </DataTrigger>
        </DataTemplate.Triggers>
    </DataTemplate>
</Window.Resources>

And set your ComboBox with the ComboBoxTemplate:

   <ComboBox Name="StateInclusionRules_ComboBox" 
      ItemsSource="{Binding YourItemSource}" ItemTemplate="{StaticResource ComboBoxTemplate}" 
      Height="25"
      Width="155"
      Margin="0"
      />

WPF: Prevent ComboBox from displaying selected item

1 Answers1