WPF ComboBox 禁用的项目仍然可以在边框上选择

Question

当我禁用某些组合框项目时，它们在嵌套文本块的左右边框上保持可选状态。

我尝试将文本框的边距和组合框项的填充设置为 0，然后我尝试将文本框和组合框项的 HorizontalAlignment 属性设置为“拉伸”，但没有结果。

WPF:

<Window.Resources>
    <local:ComboboxItemsDisableConverter x:Key="ComboboxItemsDisableConverter"/>
</Window.Resources>

<ComboBox x:Name="comboBox" HorizontalAlignment="Right" Margin="0,13,10,0" Width="441"
SelectedIndex="{Binding ViewModel.SelectedNic, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:MainWindow}}}" 
ItemsSource="{Binding ViewModel.NICs, Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:MainWindow}}}" 
SelectionChanged="ComboBox_SelectionChanged" 
IsReadOnly="True" Height="25" VerticalAlignment="Top" Grid.Row="2">
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    </ComboBox.ItemContainerStyle>
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <ComboBoxItem IsEnabled="{Binding OperationalStatus, Converter={StaticResource ComboboxItemsDisableConverter}}" >
                <TextBlock HorizontalAlignment="Stretch" Text="{Binding Description}" />
            </ComboBoxItem>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

ComboBoxItemsDisableConverter Class:

class ComboboxItemsDisableConverter : IValueConverter {
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) {
        if (value == null) return value;
        var Status = (OperationalStatus)value;

        if (Status != OperationalStatus.Up)
            return true;
        else
            return false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) {
        throw new NotImplementedException();
    }
}

如何才能完全防止选择禁用的项目？

隐藏项目适用于此代码：

<ComboBox.ItemContainerStyle>
            <Style TargetType="ComboBoxItem">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=OperationalStatus, Converter={StaticResource ComboboxItemsDisableConverter}}" Value="true">
                        <Setter Property="Visibility" Value="Collapsed"></Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ComboBox.ItemContainerStyle>

如果我使用这个标记

<ComboBox x:Name="comboBox" HorizontalAlignment="Right" Margin="0,13,10,0" Width="441" SelectedIndex="{Binding SelectedNic}"  ItemsSource="{Binding NICs}" SelectionChanged="ComboBox_SelectionChanged" IsReadOnly="True" Height="25" VerticalAlignment="Top" Grid.Row="1">
        
        <ComboBox.ItemTemplate>
            <DataTemplate>                    
                    <TextBlock HorizontalAlignment="Stretch" Text="{Binding Description}" IsEnabled="{Binding OperationalStatus, Converter={StaticResource ComboboxItemsDisableConverter}}"></TextBlock>                    
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>

没有禁用的项目

Answer 1

您试图禁用项目容器内容，而不是项目容器。

您必须了解 ItemsControl 包含其 ItemsSource 中的项目。通常这些项目是数据模型。这些模型然后被包裹在一个容器中。数据模型通常不是 FrameworkElement 类型，它们是普通数据类型。为了呈现元素，它们必须是 FrameworkElement 类型，这就是模型被包装到容器中的原因，例如ComboBoxItem。您可以通过定义 ItemTemplate.

来布局此容器的内容

您不与数据模型（容器内容）交互，而是与项目容器交互。当您仅禁用内容时，您仍然可以与容器进行交互。该项目本身已应用 Padding。所以还是有足够的空间可以互动。

要解决您的问题，您必须禁用该容器。为此，您在 ItemContainerStyle 中定义了触发器或 setter。注意这个Style的DataContext是数据模型（ItemsSource里面的项）：

<ComboBox>
  <ComboBox.ItemContainerStyle>
    <Style TargetType="ComboBoxItem">
      <Setter Property="IsEnabled" 
              Value="{Binding OperationalStatus, Converter={StaticResource ComboboxItemsDisableConverter}}" />
    </Style>
  </ComboBox.ItemContainerStyle>

  <!-- Remove the IsEnabled binding! -->
  <ComboBox.ItemTemplate>
    <DataTemplate>                    
      <TextBlock HorizontalAlignment="Stretch" 
                 Text="{Binding Description}" />
    </DataTemplate>
  </ComboBox.ItemTemplate>
</ComboBox>

请注意，从用户的角度来看，建议改为使用过滤从源集合中删除禁用的项目。不要显示带走 space 且不允许互动的内容。这可能会让人非常困惑，尤其是如果用户不理解禁用这些项目的原因以及他如何启用它们以便 select 它们。

ViewModel.cs

class ViewModel
{
  public ObservableCollection<MyModel> NICs { get; }

  public ViewModel()
  {
    this.NICs = new ObservableCollection<MyModel>();

    // Only show items where OperationalStatus == OperationalStatus.Up
    CollectionViewSource.GetDefaultView(this.NICs).Filter = 
      item => (item as MyModel).OperationalStatus == OperationalStatus.Up;
  }
}

MainWindow.xaml

<Window>
  <Window.DataContext>
    <ViewModel  />
  </Window.DataContext>

  <ComboBox ItemsSource="{Binding NICs}" />
</Window>

WPF ComboBox 禁用的项目仍然可以在边框上选择

WPF ComboBox disabled item still selectable on border

c#

wpf

combobox