c# - 在 Metro 风格应用程序的组详细信息页面中加载数据

Question

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

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

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

Answer 1

尝试这个：

    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);
    }

您需要确保您的点击事件处理程序已连接。为此，请添加：

ItemClick="ItemView_ItemClick"

对于任何包含您的项目的列表控件。