如何在WPF中隐藏下拉框(combobox)的选项？

Question

有没有一种方法可以隐藏WPF中ComboBox的项？ 在我的用户控件中，有一个ListBox，其中包含与ObservableCollection绑定的复选框项和一个带有ComboBox的DataGrid。

<ListBox x:Name="AvailableAttributes" Grid.Row="0" Grid.Column="2" SelectionMode="Single" >
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=OneWay}"/>
        </Style>
    </ListBox.ItemContainerStyle>

    <ListBox.ItemTemplate>
        <DataTemplate>
            <CheckBox Content="{Binding Name}" IsChecked="{Binding IsSelected}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

... 

<DataGrid Name="datagrid" AutoGenerateColumns="False" >
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Name}" />
            <DataGridComboBoxColumn 
                SelectedValueBinding="{Binding CBID}" 
                DisplayMemberPath="Name" 
                SelectedValuePath="ID">

                <DataGridComboBoxColumn.ElementStyle>
                    <Style TargetType="{x:Type ComboBox}">
                        <Setter Property="ItemsSource" 
                            Value="{Binding Path=CBItems, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" />
                    </Style>
                </DataGridComboBoxColumn.ElementStyle>
                <DataGridComboBoxColumn.EditingElementStyle>
                    <Style TargetType="{x:Type ComboBox}">
                        <Setter Property="ItemsSource" 
                            Value="{Binding Path=CBItems, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" />
                    </Style>
                </DataGridComboBoxColumn.EditingElementStyle>
            </DataGridComboBoxColumn>
        </DataGrid.Columns>
    </DataGrid>

我使用了这个解决方案来管理下拉框中的选项，并添加了属性“IsSelected”。

public class GridItem
{
    public string Name { get; set; }
    public int CBID { get; set; }
}

public class CBItem
{
    public int ID { get; set; }
    public string Name { get; set; }
    public bool IsSelected { get; set; }
}

现在我想使用“IsSelected”属性来隐藏/显示组合框中的项目。有人能告诉我如何实现这个功能吗？

- Andreas Sawatzki

Answer 1

相当简单的：只需给组合框项设置一个样式，其中包含一个触发器，根据组合框项的DataContext上IsSelected的值来设置ComboBoxItem.Visibility属性。

<Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource {x:Type ComboBox}}">
    <Setter Property="ItemsSource" 
        Value="{Binding Path=CBItems, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}" />
    <Setter Property="ItemContainerStyle">
        <Setter.Value>
            <Style TargetType="ComboBoxItem" BasedOn="{StaticResource {x:Type ComboBoxItem}}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsSelected}" Value="False">
                        <Setter Property="Visibility" Value="Collapsed" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Setter.Value>
    </Setter>
</Style>

如果在ComboBox加载到网格中之后，您可能会更新任何这些项目上的IsSelected值，则需要在CBItem上实现INotifyPropertyChanged，以便UI反映更改。 可以参考此链接：https://stackoverflow.com/a/29979567/424129

- 15ee8f99-57ff-4f92-890c-b56153

---

非常感谢！这太棒了 :) - Andreas Sawatzki

否则，用户可以通过箭头键选择已折叠的项。此外，请添加<Setter Property="IsEnabled" Value="False" />。 - WAKU

Answer 2

如果您想显示特定属性并根据另一个属性值过滤项目，则应同时使用ItemTemplate和ItemContainerStyle。在此示例中，ItemSource已设置为另一个Combobox ItemSource的ObservableCollection类型属性的一部分。

  <ComboBox x:Name="combo2" ItemsSource="{Binding SelectedItem.Devices,ElementName=combo1}">
     <ComboBox.ItemTemplate>
        <DataTemplate>
           <TextBlock Text="{Binding Name}"></TextBlock>
        </DataTemplate>
      </ComboBox.ItemTemplate>
      <ComboBox.ItemContainerStyle>
         <Style TargetType="ComboBoxItem">
            <Style.Triggers>
               <DataTrigger Binding="{Binding DeviceId}" Value="125">
                  <Setter Property="Visibility" Value="Collapsed"></Setter>
               </DataTrigger>
            </Style.Triggers>
         </Style>
      </ComboBox.ItemContainerStyle>
 </ComboBox>

- Armin Azhdari