在Metro风格应用的“组详细信息”页面中加载数据

时间:2012-08-10 11:29:22

标签: c# windows-8 microsoft-metro

我最近开始研究地铁风格的应用程序。我创建了一个空白项目,并根据组详细信息模板添加了一个页面。我想使用这个模板,因为有一个项目列表,我想默认预览第一个项目,当我点击左侧列表中的项目时,我应该在右侧面板上看到预览。我创建了一个项目集合,能够通过编写下面的代码来显示列表,但我无法显示预览。

StoreData storeData = new StoreData();
  await storeData.StoreDataAsync();            
  this.DefaultViewModel["Items"] = storeData.Collection;

我是否需要编写更多代码才能在右侧面板中显示预览? 任何帮助都非常感谢。

1 个答案:

答案 0 :(得分:0)

试试这个:

    this.DefaultViewModel["Group"] = group;
    this.DefaultViewModel["Items"] = group.Items;

    /// <summary>
    /// Invoked when an item is clicked.
    /// </summary>
    /// <param name="sender">The GridView (or ListView when the application is snapped)
    /// displaying the item clicked.</param>
    /// <param name="e">Event data that describes the item clicked.</param>
    void ItemView_ItemClick(object sender, ItemClickEventArgs e)
    {
        // Navigate to the appropriate destination page, configuring the new page
        // by passing required information as a navigation parameter
        var itemId = ((ItemBase)e.ClickedItem).UniqueId;
        this.Frame.Navigate(typeof(ItemDetailPage), itemId);
    }

您需要确保连接了Click事件处理程序。为此,请添加以下内容:

ItemClick="ItemView_ItemClick"

任何包含您商品的listcontrol。