WPF ComboBox 禁用时不显示任何选定内容 (IsEnabled == false)

Question

我正在考虑不同的方法，让 WPF ComboBox 显示空白，就好像当 IsEnabled 设置为 false 时没有选择任何内容。像往常一样，我试图在不必重新定义 ComboBox 的整个控件模板的情况下执行此操作，这始终是我在 WPF 中遇到的一个难题。如果有人有比重新定义整个 ComboBox 控件模板更优雅的解决方案，请告诉我。

我想要做的原因是我有一个代表“全部”选项的 CheckBox ，选中时它会禁用用于仅选择一个的 ComboBox单个项目。如果我的 CheckBox 被选中，有时用户会在看到 ComboBox 中剩余的值时感到困惑，因为该值在 UI 的该状态下没有任何意义。

另一个要求是解决方案不能修改 ComboBox 的 SelectedValue、SelectedIndex 或 SelectedItem 值，因为我会喜欢在用户取消选中“全部”CheckBox 的情况下保留先前选择的项目。

基于 HCL 答案的解决方案：

<ComboBox IsEnabled="{Binding ElementName=myCheckBox, Path=IsChecked}"
          ItemsSource="{Binding Path=MyItems}"
          SelectedValue="{Binding Path=MySelectedItem}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <ContentControl x:Name="content" Content="{Binding MyItemDescription}" />
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=ComboBox}, Path=IsEnabled}"
                             Value="False">
                    <Setter TargetName="content"
                            Property="Visibility"
                            Value="Hidden" />
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

Answer 1

您可以使用触发器执行某些操作：

尝试在禁用该框时将 ItemTemplate 设置为空的 DataTemplate。这将影响所选项目的渲染并因此将其隐藏。

另一个简单但不是很好的解决方案是将前景色设置为与背景色相同。

Answer 2

我相信您可以使用样式来完成此操作，而不是重新定义控件模板。使用 IsEnabled 属性上的触发器来设置组合框中显示的文本。更改 SelectedItem 将是我的第一个方法，但由于您不想这样做，因此您可能会发现成功设置 DisplayMemberPath。像这样的东西（未经测试）...

<Style TargetType="{x:Type ComboBox}">
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Trigger.Setters>
                <Setter Property="DisplayMemberPath" Value="{x:Null}"/>
            </Trigger.Setters>
        </Trigger>
    </Style.Triggers>
</Style>

Answer 3

这是一种可以满足您需求的样式。它采用了我一直使用的一种技术：包含控件的多个版本的网格，以及确保在任何时间只有一个版本可见的数据触发器。

    <ComboBox.Style>
      <Style TargetType="ComboBox">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="ComboBox">
              <DockPanel>
                <CheckBox x:Name="IsActive" DockPanel.Dock="Left"/>
                <Grid>
                  <ComboBox
                    ItemsSource="{TemplateBinding ItemsSource}"
                    SelectedItem="{TemplateBinding SelectedItem}"
                    SelectedIndex="{TemplateBinding SelectedIndex}"
                    SelectedValue="{TemplateBinding SelectedValue}">
                    <ComboBox.Style>
                      <Style TargetType="ComboBox">
                        <Setter Property="Visibility" Value="Visible"/>
                        <Style.Triggers>
                          <DataTrigger Binding="{Binding ElementName=IsActive, Path=IsChecked}" Value="False">
                            <Setter Property="Visibility" Value="Collapsed"/>
                          </DataTrigger>
                        </Style.Triggers>
                      </Style>
                    </ComboBox.Style>
                  </ComboBox>
                  <ComboBox>
                    <ComboBox.Style>
                      <Style TargetType="ComboBox">
                        <Setter Property="Visibility" Value="Collapsed"/>
                        <Style.Triggers>
                          <DataTrigger Binding="{Binding ElementName=IsActive, Path=IsChecked}" Value="False">
                            <Setter Property="Visibility" Value="Visible"/>
                          </DataTrigger>
                        </Style.Triggers>
                      </Style>
                    </ComboBox.Style>                      
                  </ComboBox>
                </Grid>
              </DockPanel>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </ComboBox.Style>

这将按照您的需要保留所选项目、所选索引和所选值。事实上，它在这方面做得有点太好了。实际上没有办法告诉用户已停用组合框，因为 ComboBox 上没有公开此信息的属性。我实际上可能会将其实现为从 ComboBox 派生的自定义控件，该控件将复选框的值公开为 IsActive 属性。还有很多其他方法可以做到这一点。