Windows Phone 8.1 listview点击换页
Windows Phone 8.1 listview click to change page
为了学校,我必须制作一个 Windows Phone 8.1 程序(MVVM 风格),但我被卡住了。
我有一个鸡尾酒列表,我在列表视图中通过绑定动态获取它们:
<ListView ItemsSource="{Binding Cocktails}" ItemTemplate="{StaticResource AllCocktailsTemplate}" > </ListView>
看起来是这样的:
http://hpics.li/08e9e96
它运行完美,但我想要的是当我单击鸡尾酒时,我更改页面以转到该鸡尾酒的页面。
导航有效,但我不知道如何在每个鸡尾酒的列表视图上进行导航(从数据库中获取)
我从昨天早上开始,我在网上找不到对我有用的东西所以我希望你能帮助我:p
如果您需要更多信息,请问我
强尼
ListView/GridView有ItemClick事件,订阅即可
Xaml:
<ListView ItemClick="OnPostItemClick" IsItemClickEnabled="True">
代码:
private void OnPostItemClick(object sender, ItemClickEventArgs e)
{
// Navigate to cocktail page with item you click/tap on
Frame.Navigate(typeof(YourPage), e.ClickedItem);
}
如果你想在 ItemClick 事件中使用 Command,你需要添加 Behaviors SDK,然后使用这种方式
<Page ...
xmlns:i="using:Microsoft.Xaml.Interactivity"
xmlns:c="using:Microsoft.Xaml.Interactions.Core">
<ListView>
<i:Interaction.Behaviors>
<c:EventTriggerBehavior EventName="ItemClick">
<c:InvokeCommandAction Command="{Binding Path=YourCommand}"/>
</c:EventTriggerBehavior>
</i:Interaction.Behaviors>
</ListView>
为了学校,我必须制作一个 Windows Phone 8.1 程序(MVVM 风格),但我被卡住了。
我有一个鸡尾酒列表,我在列表视图中通过绑定动态获取它们:
<ListView ItemsSource="{Binding Cocktails}" ItemTemplate="{StaticResource AllCocktailsTemplate}" > </ListView>
看起来是这样的: http://hpics.li/08e9e96
它运行完美,但我想要的是当我单击鸡尾酒时,我更改页面以转到该鸡尾酒的页面。
导航有效,但我不知道如何在每个鸡尾酒的列表视图上进行导航(从数据库中获取)
我从昨天早上开始,我在网上找不到对我有用的东西所以我希望你能帮助我:p
如果您需要更多信息,请问我
强尼
ListView/GridView有ItemClick事件,订阅即可
Xaml:
<ListView ItemClick="OnPostItemClick" IsItemClickEnabled="True">
代码:
private void OnPostItemClick(object sender, ItemClickEventArgs e)
{
// Navigate to cocktail page with item you click/tap on
Frame.Navigate(typeof(YourPage), e.ClickedItem);
}
如果你想在 ItemClick 事件中使用 Command,你需要添加 Behaviors SDK,然后使用这种方式
<Page ...
xmlns:i="using:Microsoft.Xaml.Interactivity"
xmlns:c="using:Microsoft.Xaml.Interactions.Core">
<ListView>
<i:Interaction.Behaviors>
<c:EventTriggerBehavior EventName="ItemClick">
<c:InvokeCommandAction Command="{Binding Path=YourCommand}"/>
</c:EventTriggerBehavior>
</i:Interaction.Behaviors>
</ListView>