WPF Visibility of a UI element based on combo selection

后端 未结 2 1657
日久生厌
日久生厌 2020-12-03 14:32

Trying to show a label only when a certain item in a combo is selected. Code should pretty much explain it.

    
               


        
相关标签:
2条回答
  • 2020-12-03 15:16

    There are two issues here. First the default visibility should be specified in the style. But even with that it won't work because the binding on the trigger is comparing a SelectedValue, a ComboBoxItem object with a string object and that will never be equivalent. To keep the example simple, I've placed appropriate values in the ComboBoxItem's Tag properties. Although the actual implementation of the comparison will likely vary based on the specific needs of the app.

        <ComboBox Name="comboMyCombo">
            <ComboBoxItem Tag="Hide">Don't show the label</ComboBoxItem>
            <ComboBoxItem Tag="Show">Show the label</ComboBoxItem>
        </ComboBox>
    
        <Label>This is my label
            <Label.Style>
                <Style>
                    <Setter Property="Label.Visibility" Value="Collapsed"></Setter>
                    <Style.Triggers>
                        <DataTrigger  
                            Binding="{Binding ElementName=comboMyCombo, Path=SelectedItem.Tag}" Value="Show">
                            <Setter Property="Label.Visibility" Value="Visible"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Label.Style>
        </Label>
    
    0 讨论(0)
  • 2020-12-03 15:18

    A "cleaner" solution would be

    <ComboBox>
        <ComboBoxItem x:Name="iOne" Content="One"/>
        <ComboBoxItem x:Name="iTwo" Content="Two"/>
        <ComboBoxItem x:Name="iThree" Content="Three"/>
    </ComboBox>
    
    <Label Content="One is shown">
     <Label.Style>
        <Style TargetType="Label">
            <Setter Property="Visibility" Value="Hidden" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=iOne, Path=IsSelected}"    Value="True">
                    <Setter Property="Visibility"  Value="Visible"/>
                </DataTrigger> 
            </Style.Triggers>
        </Style>
     </Label.Style>
    </Label>
    
    0 讨论(0)
提交回复
热议问题