ListView在Metro应用程序中添加更多项目?

时间:2012-10-08 14:31:00

标签: html5 listview microsoft-metro winjs

我有一个metro应用程序,其中我有一个Listview和服务数据包含100个以上的项目。最初当我在我的页面中加载listview时,它必须只显示8个项目加上1个更多相关的项目,如果我点击更多项目,它需要在我的页面中添加另外9个项目,并且它必须在我的页面中显示17个项目页面,并需要显示更多项目也像那个流程继续。我应该得到什么样的方案。任何人都可以帮助我。我试着给你我的方案。 谢谢。

enter image description here

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:1)

有几种解决方案 - 全部取决于您要进行的工作。此外,如果您能提供帮助,我建议您没有“更多”按钮 - 这不是最好的用户互动。选项2将为您提供最佳体验。

选项1

使用WinJS.Binding.List作为您的数据源 - 使用此功能,您可以像JavaScript Array一样对其进行操作(例如pushpop等)。当你添加&从列表中删除项目,列表视图将对这些更改做出反应。

完整详情为here

选项2

创建一个VirtualDataSource派生,它非常了解您可以请求数据的方式,并且可以为ListView提供一致的界面。这使您的UI可以完全灵活地布局,并请求足够的数据来满足可用空间,同时虚拟化UI元素(更好的内存/性能)和数据(确保只需要所需的数据由用户请求。

完整的例子here