Question

我正在编写一个Windows 10通用应用程序，其中我有一个ListView，其DataTemplate是一个UserControl。在UserControl里面有一个按钮，我想在我的MainPage上处理它的点击事件。

它基本上是一个联系人列表，该按钮应该在点击时从列表中删除联系人，并且不知道如何处理UserControl的按钮点击。

这是UserControl的XAML：

<UserControl
x:Class="DataBinding_Test1.ContactControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DataBinding_Test1"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="50">
<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Dictionary1.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</UserControl.Resources>

<Grid Background="{ThemeResource AppBarBackgroundThemeBrush}"
      HorizontalAlignment="Stretch">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <TextBlock Name="ContactIconTextBlock"
               Style="{StaticResource IconStyle}"
               Text="{x:Bind myContact.ContactIcon}"/>
    <TextBlock Name="ContactNameTextBlock"
               Grid.Column="1"
               Style="{StaticResource LabelStyle}"
               Text="{x:Bind myContact.ContactName}"
               RelativePanel.RightOf="ContactIconTextBlock"/>
    <Button Name="RemoveContactButton"
            Grid.Column="2"
            Content="X"
            VerticalAlignment="Stretch"
            Click="RemoveContactButton_OnClick"/>
    </Grid>
</UserControl>

这是ListView中的内容：

<ListView
        Name="ContactsListView"
        Grid.Column="1"
        ItemsSource="{x:Bind ContactList}"
        ItemTemplate="{StaticResource ContactListDataTemplate}"
        SelectionMode="None">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            </Style>
        </ListView.ItemContainerStyle>
    </ListView>

我该如何实施？

Answer 1

您可以在用户控件后面的代码中添加事件处理程序，并在按钮的单击事件中调用它。

代码背后的代码：

public event EventHandler OnRemoveContact;

private void RemoveContactButton_OnClick(object sender, RoutedEventArgs e)
{
    //... your existing code here
    OnRemoveContact?.Invoke(this, new EventArgs());
}

现在，您可以将datatemplate中的事件用于MainPage背后的代码

处理ListView中UserControl的事件

1 个答案: