如何从TabItem HeaderTemplate访问TabItem中的checkbox控件

Question

我有tabItem，里面包含一个CheckBox.Tab，我正在绑定一个ListBox。根据复选框选中状态，我需要控制ListBox的可见性。我通过使用Boolean to Visibility converter.But将IsChecked属性绑定到ListBox的Visiblity属性，它不会改变Listbox的状态。

如何获取控制状态？

在这里我附加了我的代码。

<TabItem  Header="Trigger">
    <TabItem.HeaderTemplate>
        <DataTemplate>
            <DockPanel>
                <CheckBox x:Name="ui_chbTrigger" IsChecked="{Binding SelectedUiSeries.UiTriggerParameters.HasEcgPulsingConfig, Mode=TwoWay}"/>
                <Label Content="Trigger" HorizontalAlignment="Center" FontSize="18" FontWeight="Bold"/>
            </DockPanel>
        </DataTemplate>
    </TabItem.HeaderTemplate>

    <Grid >
        <ListBox Grid.Row="1" Style="{StaticResource S_ListBoxParameterScan}"
                 ItemContainerStyle="{StaticResource S_ListBoxItemScanParameter}"
            Visibility="{Binding Path=IsChecked, Converter={StaticResource BooleanToVisiblityConverter}, ElementName=ui_chbTrigger}">
            <ListBoxItem>
                <util:HeaderComboBox Style="{DynamicResource S_HeaderComboBoxParameter}" Header="Trigger Type"
                                 ItemsSource="{helpers:EnumBindingHelper {x:Type commonDefs:TriggerType}}"
                                 SelectedItem="{Binding SelectedUiSeries.UiTriggerParameters.TriggerType,Mode=TwoWay}"/>
            </ListBoxItem>
        </ListBox>
    </Grid >
</TabItem>

Answer 1

如何从模板引用控件( checkbox在HeaderTemplate中)

您可以按如下方式更改代码

      <TabControl>
        <TabItem>
            <TabItem.Header>
                <DockPanel>
                    <CheckBox x:Name="ui_chbTrigger"/>
                </DockPanel>
            </TabItem.Header>

            <Grid >
                <ListBox Visibility="{Binding Path=IsChecked, Converter={StaticResource BooleanToVisiblityConverter}, ElementName=ui_chbTrigger}">
                    <ListBoxItem>
                       <TextBlock>1</TextBlock>
                    </ListBoxItem>
                    <ListBoxItem>
                        <TextBlock>2</TextBlock>
                    </ListBoxItem>
                </ListBox>
            </Grid >
        </TabItem>
    </TabControl>

如果需要，您可以随意进行进一步的更改。

Answer 2

您的CheckBox已绑定到SelectedUiSeries.UiTriggerParameters.HasEcgPulsingConfig。

与尝试进行ElementName-based绑定不同，只需将其他UI元素绑定到ViewModel中的相同属性：

  <ListBox Visibility="{Binding Path=SelectedUiSeries.UiTriggerParameters.HasEcgPulsingConfig,
                                Converter={StaticResource BooleanToVisiblityConverter}}"/>