【问题标题】:C# WPF Can't access button defined in a ControlTemplate from a UserControlC# WPF 无法从 UserControl 访问 ControlTemplate 中定义的按钮
【发布时间】:2013-11-03 18:46:45
【问题描述】:

这是我在 stackoverlow 上的第一篇文章,我认为这是 C# 和 WPF 的最佳在线帮助网站。

在过去的三天里,我研究了大约六个多小时,试图弄清楚如何将按钮处理程序事件附加到我在样式中定义的按钮。我的情况似乎与我在网上看到的所有其他示例不同。好了,我当然感谢您的意见。

来自 MainWindow.xaml 的 sn-p 我在 Grid 中定义以下内容

 <ScrollViewer Grid.Column="2" Grid.ColumnSpan="2" 
      HorizontalScrollBarVisibility="Visible" 
      VerticalScrollBarVisibility="Hidden"
      Background="AliceBlue">
    <ItemsControl ItemsSource="{Binding LaserDataItems}">
       <ItemsControl.ItemsPanel>
           <ItemsPanelTemplate>
               <StackPanel Orientation="Horizontal" Background="AliceBlue" />
       </ItemsPanelTemplate>
      </ItemsControl.ItemsPanel>
    </ItemsControl> 
  </ScrollViewer>

LaserDataItems 上的此绑定将包含要显示的 UserControls 列表。这些是根据需要动态创建的。但我实际上尝试在控件后面的代码中完成我所有的工作(下)

在向您展示 UserControl 之前,这里是我将与 UserControl 一起使用的样式。 我的第一个目标是在按钮加载后创建点击事件

<Style x:Key="HeaderStyle" TargetType="{x:Type DataGridColumnHeader}">            
  <Setter Property="Template">
     <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
           <Button   x:Name="MyButton"    Height="20"/>
        </ControlTemplate>
     </Setter.Value>
  </Setter>
</Style>

这里是用户控件

<UserControl x:Class="EClient.Controls.GetAllLaserData"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <DataGrid Name="laserDataGrid" 
              ColumnHeaderStyle="{StaticResource HeaderStyle}"
              AutoGenerateColumns="False" 
              ItemsSource="{Binding }" 
              IsReadOnly="True" 
              RowHeaderWidth="0" 
              Height="567" 
              VerticalAlignment="Top" 
              RowHeight="17">
        <DataGrid.Columns>
            <DataGridTextColumn 
             Width="53" 
             Header="{Binding HeaderName}" 
             Binding="{Binding Name}"></DataGridTextColumn>
        </DataGrid.Columns>
        <DataGrid.RowStyle>
            <Style TargetType="DataGridRow">
                <Setter Property="IsEnabled" Value="False"/>
            </Style>
        </DataGrid.RowStyle>
    </DataGrid>
</UserControl>

在这个 UserControl 的 DataGrid 中有一个 ColumnHeaderStyle,它被分配了模板:HeaderStyle。这种风格有一个按钮,我需要在实例化它时附加一个点击处理程序。 我该怎么做呢。 我试图通过覆盖 OnApplyTemplate 方法来访问它,但我尝试的所有内容都返回 null。此方法运行时是否可能尚未实例化按钮?一定有办法到达这个按钮。

当我运行它并成功创建这些用户控件(它们是数据网格)的列表时,可以在第一个单元格(这是每个网格的标题)中看到一个按钮。

我还尝试使用遍历可视化树的通用例程,但无济于事。其实这是我应该追求的东西,我真的很茫然。


以下作品于 2013 年 10 月 26 日添加

虽然我找到了解决这个问题的另一种方法,但我仍然有兴趣解决它。我真的认为这是一个很好的问题。

无论如何,我想我会放一张我正在尝试做的事情的照片。也许这样可以更好地看待手头的问题。

【问题讨论】:

    标签: c# wpf xaml user-controls controltemplate


    【解决方案1】:

    不是直接的答案 - 但这是我解决问题的方法。我不使用数据网格 - 而是偏爱 itemscontrols,因此我将不得不使用 ItemsControl 作为示例。

    在处理列表中的按钮时,我通常将包含按钮的控件拆分为自己的用户控件(根据需要应用样式)。然后我会在后台有一个事件处理程序,例如XAML

    <UserControl x:Class="BindableTest.UserControls.CatItem"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 mc:Ignorable="d" 
                 d:DesignHeight="300" d:DesignWidth="400">
      <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0 0 10 0">
        <Label Content="{Binding Path=Model.DisplayNumber}" HorizontalAlignment="Left" Height="25" Width="25" />
        <TextBox BorderBrush="Black" Text="{Binding Path=Model.SomeText, UpdateSourceTrigger=PropertyChanged}" Width="150" Height="25" />
        <StackPanel Orientation="Horizontal">
          <Button x:Name="btnDelete" Margin="5 0 0 0" Content="Delete" Click="btnDelete_Click_1"></Button>
        </StackPanel>
      </StackPanel>
    </UserControl>
    

    还有后面的代码...

      /// <summary>
      /// Interaction logic for CatItem.xaml
      /// </summary>
      public partial class CatItem : UserControl
      {
        public CatItem()
        {
          InitializeComponent();     
        }
    
        private void btnDelete_Click_1(object sender, RoutedEventArgs e)
        {
          if (DeleteClick != null)
            DeleteClick(sender, e);
        }
    
        public event RoutedEventHandler DeleteClick;
    
    
      }
    

    从调用 xaml 中,您可以使用此事件,如下所示。

    <ItemsControl x:Name="itmsList" ItemsSource="{Binding Path=ModelListVMs}">
      <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
          <StackPanel Orientation="Horizontal"></StackPanel>
        </ItemsPanelTemplate>
      </ItemsControl.ItemsPanel>
      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <uc:CatItem DeleteClick="ItemDeleteClick"></uc:CatItem> <!-- Using click here -->
        </DataTemplate>
      </ItemsControl.ItemTemplate>
    </ItemsControl>
    

    然后您可以在窗口的背景中选择任何按钮的事件。

    public void ItemDeleteClick(object sender, RoutedEventArgs e)
        {
          var ctx = (sender as Button);
    
          //can get datacontext and other properties easily from here  
        }
    

    很抱歉,这不是一个直接的答案,但希望它能帮助您朝着正确的方向前进。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-11-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-02-14
      相关资源
      最近更新 更多