javascript - 在 WinJS 的导航应用程序的新页面中显示列表视图控件中所选项目的详细信息

Question

我在网格中工作（从技术上讲是 WinJS.UI.ListView），当用户触摸其中一个图块时，我想导航到第二页，其中包含有关该元素的更多详细信息。我能够导航到不同的页面，但无法获取所选项目的详细信息

Answer 1

所选项目通常作为导航中的参数传递。

因此，当您导航到详细信息页面时，您可能会使用：

var item = Data.items.getAt(args.detail.itemIndex);
nav.navigate("/pages/itemDetail/itemDetail.html", { item: Data.getItemReference(item) });

然后在详细信息页面中，您可以访问传递给 ready 函数的 options 参数：

ready: function (element, options) {
    // The data you passed in will be in the options parameter
    var item = options && options.item ? Data.resolveItemReference(options.item) : Data.items.getAt(0);
}

您可以在 MSDN 上了解有关 WinJS 导航的更多信息：http: //msdn.microsoft.com/en-us/library/windows/apps/hh738344.aspx