html - ListView 在 Metro 应用程序中添加更多项目？

Question

我有一个 Metro 应用程序，其中有一个 Listview，服务数据包含 100 多个项目。最初，当我在我的页面中加载列表视图时，它必须只显示 8 个项目加上 1 个更多相关项目，然后如果我点击一个更多项目，它需要向我的页面添加另外 9 个项目，并且它必须在我的页面中显示 17 个项目页面并且需要显示更多项目也像这样的流程继续。我应该得到什么来获得我的场景。任何人都可以帮助我。下面我试图给你我的场景。谢谢你。

Answer 1

看看这篇文章：http ://www.silverlightplayground.org/post/2012/06/10/Metro-Incrementally-load-GridView-and-ListView-with-ISupportIncrementalLoading.aspx 。

Answer 2

有几个解决方案——所有这些都取决于您想要承担的工作。另外，如果您能提供帮助，我建议您不要有“更多”按钮——这不是最好的用户交互。选项 2 将为您提供最佳体验。

选项1

用作您的数据源——使用WinJS.Binding.List它，您可以像 JavaScript 一样操作它Array（例如push，pop等）。当您从列表中添加和删除项目时，列表视图将对这些更改做出反应。

完整的细节在这里。

选项 2

创建一个 VirtualDataSource 派生，它非常了解您可以请求数据的方式，并且可以为 ListView 提供一致的接口。这使您的 UI 对其布局完全灵活，并请求足够的数据来满足可用空间，同时虚拟化 UI 元素（更好的内存/性能）和数据（确保仅请求用户需要的数据。

完整的例子在这里。