ListView中的MenuFlyout:单击了哪个元素

时间:2014-06-21 22:20:17

标签: c# xaml winrt-xaml windows-phone-8.1

我有一个带有评论列表的ListView:

<ListView ItemsSource="{Binding Comments}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <Border Background="{Binding User, Converter={StaticResource UsernameToBackgroundColorConverter}}"
                    Margin="0,5" 
                    HorizontalAlignment="Stretch"
                    FlyoutBase.AttachedFlyout="{StaticResource FlyoutBase1}"
                    Holding="BorderCommento_Holding">
                    <StackPanel>
                        <Grid Margin="5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                        <TextBlock Text="{Binding User}"
                                       FontSize="20"
                                       Grid.Column="0"
                                       FontWeight="Bold"
                                       Style="{ThemeResource ListViewItemSubheaderTextBlockStyle}"/>
                        <TextBlock HorizontalAlignment="Right"
                                       Text="{Binding DateTime}"
                                       FontSize="20"
                                       Grid.Column="1"
                                       Style="{ThemeResource ListViewItemSubheaderTextBlockStyle}"/>
                    </Grid>
                    <TextBlock Margin="5,0,5,5"
                                       Text="{Binding Text}"
                                       FontSize="20"
                                       TextWrapping="Wrap"/>
                </StackPanel>
            </Border>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

评论类:

public class Comment
{
    public Comment(String id, String user, String text, String date_time)
    {
        this.Id = id;
        this.User = user;
        this.Text = text;
        this.DateTime = date_time;
    }

    public string Id { get; private set; }
    public string User { get; private set; }
    public string Text { get; private set; }
    public string DateTime { get; private set; }
}

持有评论时出现的弹出菜单在Page.Resources:

中定义
<Page.Resources>
    <MenuFlyout x:Name="flyout1" x:Key="FlyoutBase1">
        <MenuFlyoutItem x:Name="ReportCommentFlyout" 
                        Text="{Binding User, Converter={StaticResource ReportOrDeleteComment}}" 
                        Click="ReportCommentFlyout_Click"/>
    </MenuFlyout>
</Page.Resources>

现在,在ReportCommentFlyout_Click中,我需要知道正在报告/删除的评论ID。 我该怎么办?

我已经尝试了

string CommentId = ((Comment)e.OriginalSource).Id;

但应用程序崩溃......

1 个答案:

答案 0 :(得分:5)

您的应用程序崩溃是因为您将e.OriginalSource转换为Comment并且它不起作用,因为它不属于该类型。通常,使用“as”

通常更安全
var comment = someObject as Comment;
if (comment != null)
{

....

}

关于你的问题,你试过吗

var menuFlyoutItem = sender as MenuFlyoutItem;
if (menuFlyoutItem != null)
{
    var comment = menuFlyoutItem.DataContext as Comment;
    if (comment != null)
    {
        string CommentId = comment.Id;
    }
}