• 2018-2-13-win10-uwp-右击选择-GridViewItem-


    title author date CreateTime categories
    win10 uwp 右击选择 GridViewItem
    lindexi
    2018-2-13 17:23:3 +0800
    2018-2-13 17:23:3 +0800
    Win10 UWP

    有时候我们需要选择一个 GridView 的一项,通过我们右击。

    于是我们需要在 GridView 的 SelectionMode 为 Single ,IsRightTapEnabled 为True

    假如我们给的 ItemSsource 的类型是List<Student>,那我们可以通过简单方法得到右击的 Student 。

    我们需要使用 RightTapped

          <GridView x:Name="SymbolGridView"
             SelectionMode="Single"
             IsItemClickEnabled="True"
             IsRightTapEnabled="True"
             ItemsSource="{x:Bind View.Student}"
             ItemClick="SymbolGridView_OnItemClick"
             RightTapped="SymbolGridView_OnRightTapped">
                <GridView.ItemTemplate>
                    <DataTemplate x:DataType="view:ViewModel">
                        <TextBlock Text="{Binding Name}"></TextBlock>
                        </DataTemplate>
                </GridView.ItemTemplate>
            </GridView>
    

    注意 DataTemplate 的是 TexTblock

    我们通过

            private void SymbolGridView_OnRightTapped(object sender, RightTappedRoutedEventArgs e)
            {
                var student = (e.OriginalSource as TextBlock)?.DataContext as Student;
            }
    

    就可以得到 Student

    注意e.OriginalSource就是我们刚才使用的 DatEtemplate 的 TexTblock ,我们在 DateTemplate 使用类型 Type ,那么 OriginalSource 就可以使用 Type 。拿到后,他的 DataContext 就是我们选择的。

    如果使用个人控件(UserControl),那么请要有 DataContext ,不要覆盖。

    这样我们就可以得到 GridViewItem

    但有时候, OriginalSource 是 ListViewItemPresenter ,我们可以用一个简单方法,使用 FrameworkElement

    我们修改代码

     var student = (e.OriginalSource as FrameworkElement)?.DataContext as Student;
    

    这样我们就可以得到,不需要去看 DataTemplate

  • 相关阅读:
    git常用命令
    Vue路由传参的几种方式
    yum安装之-安装mysql
    Xshell连接不上Ubuntu解决方式 --转
    ubuntu 命令行模式和图形界面切换 --转
    yum安装之-安装底层软件库
    VMware虚拟机 CentOS 6.5系统安装配置详细图文教程 --技术支持TPshop商城
    vmware虚拟机怎么新建虚拟机--技术支持TPshop商城
    TPshop商城使用,TPshop商城使用的安装
    tpshop商城根据用户坐标,向数据库查找附近的商家
  • 原文地址:https://www.cnblogs.com/lindexi/p/12086569.html
Copyright © 2020-2023  润新知