访问代码隐藏中的数据模板控件

本文关键字：控件 数据 代码 隐藏 访问 | 更新日期: 2023-09-27 17:55:17

我对这段代码有问题：

<ListBox x:Name="lbInvoice" ItemsSource="{Binding ocItemsinInvoice}">
<ListBox.ItemTemplate>
    <DataTemplate>
        <StackPanel>
            <ToggleButton x:Name="btnInvoiceItem">
                <StackPanel Orientation="Horizontal">
                    <ToggleButton x:Name="btnInvoiceQuantity" Content="{Binding Quantity}"/>
                    <TextBlock Text="{Binding Item.ItemName}" Width="175" Padding="7,5,0,0"/>
                </StackPanel>
            </ToggleButton>
            <Popup x:Name="popQuantity" Closed="popQuantity_Closed" PlacementTarget="{Binding ElementName=btnInvoiceQuantity}" IsOpen="{Binding IsChecked,ElementName=btnInvoiceQuantity}">
                    <Grid>
                        <TextBlock x:Name="tbUnitPrice" Text="Unit Price"/>
                        <Button x:Name="btnClosePopup" Click="btnClosePopup_Click">
                    </Grid>
            </Popup>
        </StackPanel>
    </DataTemplate>
</ListBox.ItemTemplate>

在 btnClosePopup 单击事件的代码隐藏中，我无法访问弹出窗口以关闭它并对其进行其他一些更改。

我尝试使用FindName()方法，但它对我不起作用

var template = lbInvoice.Template;
var myControl = (Popup)template.FindName("popQuantity", lbInvoice);

请您帮忙并告诉我如何在代码隐藏中访问 DataTemplate 中的控件？

访问代码隐藏中的数据模板控件

您不必在代码隐藏中执行此操作，如果您在代码中更改Popup.IsOpen，它将不会再次出现，因为您将失去绑定。您需要将IsChecked ToggleButton设置为 false，您可以使用EventTrigger 

<Button Content="Close" x:Name="btnClosePopup">
   <Button.Triggers>
      <EventTrigger RoutedEvent="Button.Click">
         <BeginStoryboard>
            <Storyboard>
               <BooleanAnimationUsingKeyFrames Storyboard.TargetName=" btnInvoiceQuantity" Storyboard.TargetProperty="IsChecked">
                  <DiscreteBooleanKeyFrame Value="False" KeyTime="0:0:0"/>
               </BooleanAnimationUsingKeyFrames>
            </Storyboard>
         </BeginStoryboard>
      </EventTrigger>
   </Button.Triggers>
</Button>

您已经Open/Close此行中的Popup：

IsOpen="{Binding IsChecked, ElementName=btnInvoiceQuantity}"

作为@dkozl的替代答案，您可以通过以下方式关闭Popup：

<Popup x:Name="popQuantity" 
       IsOpen="{Binding Path=IsChecked, ElementName=btnInvoiceQuantity}">
    <Grid Width="200" Height="200" Background="Gainsboro">
        <TextBlock Text="Unit Price" />
        <ToggleButton x:Name="btnClosePopup" 
                      IsChecked="{Binding Path=IsChecked, ElementName=btnInvoiceQuantity}"
                      Content="Close"
                      Width="100" 
                      Height="30" />
    </Grid>
</Popup>

或者，您可以直接指定弹出窗口的属性IsOpen：

<ToggleButton x:Name="btnClosePopup"
               IsChecked="{Binding Path=IsOpen, ElementName=popQuantity}" ... />

但是在这种情况下，Button的背景颜色将处于IsChecked="True"状态。若要避免这种情况，无需为控件创建新的模板，可以使用平面按钮的系统样式：

<ToggleButton x:Name="btnClosePopup"
              Style="{StaticResource {x:Static ToolBar.ToggleButtonStyleKey}}" ... />
相关文章：