javascript - 在Windows 8 (Js/html) APP中显示特定数量的项目

Question

我目前正在构建一个 Windows 8 Html/js 应用程序并从 gridview 模板开始，因为这节省了我很多时间来设计大部分应用程序的样式。

我已经成功地使 Windows 8 分屏教程 (http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx) 适应我正在构建的应用程序。在此应用程序中，我正在从 rss 提要中读取数据，就像在教程中一样。但在我的示例中，我得到了 60 多个项目。这很好，但我不想在我的主页上显示所有 60 个项目...我确实希望它们全部显示在 groupDetails 页面中。

我现在所做的是:在我的主屏幕中，我只想显示 12 个项目，所以在我的 data.js 文件中，在浏览所有帖子时，我正在检查它是否是第一个12，它会得到一个引用'show'，否则就是'hide'。像这样:

 for (var i = 0; i < posts.length ; i++) {
        var post = posts[i];
        //get the title
        var postTitle = post.querySelector("title").textContent;
        //get the content
        var staticContent = toStaticHTML(post.querySelector("content,encoded").textContent);
        var ref = "show";
        if (i > 11) {
            ref = "hide";
        }
        //store the post info we care about
        cPosts.push({
            group: feed,
            backgroundImage: "http://www.thesedays.com/wp-content/uploads/2013/01/LTT_220_11.jpg",
            key: feed.key,
            ref: ref,
            title: postTitle,
            content: staticContent,
            description: feed.description
        });
    }

现在我不熟悉数据 promise ，但我可以使用 .hide() 简单地隐藏这些元素(我将 jQuery 库添加到我的项目中)，但我不确定何时加载所有项目...

有人可以帮我解决这个问题吗？您可以在此处查看完整的 data.js 文件 http://msdn.microsoft.com/en-us/library/windows/apps/jj663506.aspx

Answer 1

如果我有足够的声誉来发表评论，我会的，因为看起来您已经有了一个可行的解决方案。但我只想提一个替代方案。你可以使用 filtered projection您的绑定(bind)列表，因为您已经在修改数据以标记要显示的元素。代码可能看起来像这样:

cPosts.createFiltered(function (item) {
    return item.ref === 'show';
});