如何通过单击Windows应用商店应用中的网格视图项来打开Popup?

时间:2015-05-04 12:20:42

标签: c# xaml windows-store-apps

我想通过点击gridView元素中的按钮来打开弹出窗口,在弹出窗口中我有三个选项,点击该选项我想要导航到另一个具有元素id的页面

enter image description here

我想在gridView元素中单击按钮打开弹出窗口,我的代码如下: -

<GridView x:Name="Test" Grid.Row="1" Margin="20,20,20,20" >
        <GridView.ItemTemplate>
            <DataTemplate>
                <Grid HorizontalAlignment="Left" Width="250" Height="250">
                    <Button Background="Red" HorizontalAlignment="Left" VerticalAlignment="Top" Height="100" Content="OpenPopup" Click="Button_PointerPressed"></Button>                     
                    <Popup x:Name="Mypopup">
                        <TextBlock Text="hi"/>
                    </Popup>                    
                    <StackPanel VerticalAlignment="Bottom" Background="{ThemeResource ListViewItemOverlayBackgroundThemeBrush}">
                        <TextBlock Text="{Binding Title}" Foreground="{ThemeResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextBlockStyle}" Height="60" Margin="15,0,15,0"/>
                        <TextBlock Text="{Binding Subtitle}" Foreground="{ThemeResource ListViewItemOverlaySecondaryForegroundThemeBrush}" Style="{StaticResource CaptionTextBlockStyle}" TextWrapping="NoWrap" Margin="15,0,15,10"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

点击事件

 private void Button_PointerPressed(object sender, RoutedEventArgs e)
    {

        Mypopup.isopen = true;

    }

错误: - 当前上下文中不存在名称“Mypopup”

我是新手..所以帮助我

1 个答案:

答案 0 :(得分:0)

您只需在gridview&#39; s按钮的$ionicConfigProvider.views.swipeBackEnabled(false); 事件中执行以下操作:

Onclick

然后在您的弹出窗口中,如果您想要导航到另一个页面,您只需在正确的事件上使用popup.isopen = true

Navigate

编辑:如果您的gridview中的按钮是通过代码添加的,并且您希望对这些按钮执行该事件,请确保它们具有不同的名称,例如:Frame.Navigate(typeof(YourPage),YourID); / GrdButton1然后给它们an event dynamicly

如果将它们添加到GrdButton2中,则只需在其中添加一个事件

XAML

如果这些都没有回答您的问题,请添加更多详细信息