1

我正在学习使用 JavaScript 构建 Windows 8 应用程序开头的教程。我的 ListView 根本没有显示数据，我不知道该转向哪里。看起来很简单，但我一定错过了一些东西。当我运行应用程序（或在 Blend 中查看它）时，除了 ListView 数据之外，我看到了所有内容。知道我错过了什么吗？

这是结果：

在此处输入图像描述

这是 HTML：

<body>
    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Bob's RSS Reader</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div>List of feeds:</div>
            <div data-win-control="WinJS.UI.ListView" data-win-options="{itemDataSource:feeds.dataSource}"></div>
        </section>
    </div>
</body>

这是 home.js 文件：

(function () {
    "use strict";

    window.feeds = [
        { title: "Brandon Satrom",
            url: "http://feeds.feedburner.com/userinexperience/tYGT" },
        { title: "Chris Sells",
            url: "http://sellsbrothers.com/posts/?format=rss" },
        { title: "Channel 9",
            url: "http://channel9.msdn.com/Feeds/RSS" },
    ];

    WinJS.UI.Pages.define("/pages/home/home.html", {
        // This function is called whenever a user navigates to this page. It
        // populates the page elements with the app's data.
        ready: function (element, options) {

        }
    });
})();
4

2 回答 2

1

通过使用此处的指南，我能够使其正常工作。此解决方案创建一个命名空间以使数据公开可用。虽然这可行，但我不明白为什么我的原始代码不起作用。我认为 HTML 可以使用 window.feeds ......猜不出来。

HTML：

<div data-win-control="WinJS.UI.ListView" data-win-options="{itemDataSource: DataExample.itemList.dataSource}"></div>

JavaScript：

(function () {
    "use strict";

    var dataArray = [
        { title: "Brandon Satrom",
            url: "http://feeds.feedburner.com/userinexperience/tYGT" },
        { title: "Chris Sells",
            url: "http://sellsbrothers.com/posts/?format=rss" },
        { title: "Channel 9",
            url: "http://channel9.msdn.com/Feeds/RSS" },
    ];

    var dataList = new WinJS.Binding.List(dataArray);

    // Create a namespace to make the data publicly accessible. 
    var publicMembers =
    {
        itemList: dataList
    };

    WinJS.Namespace.define("DataExample", publicMembers);

    WinJS.UI.Pages.define("/pages/home/home.html", {
        // This function is called whenever a user navigates to this page. It
        // populates the page elements with the app's data.
        ready: function (element, options) {

        }
    });
})();
于 2013-01-25T23:24:11.393 回答
0

它不起作用的原因是您没有将其设置为绑定列表。普通的 javascript 数组不包含 dataSource 属性。另外，不要忘记使用“新”关键字。我忘记了，花了相当多的时间试图弄清楚它失败的原因。

window.feeds = new WinJS.Binding.List([
        { title: "Brandon Satrom",
            url: "http://feeds.feedburner.com/userinexperience/tYGT" },
        { title: "Chris Sells",
            url: "http://sellsbrothers.com/posts/?format=rss" },
        { title: "Channel 9",
            url: "http://channel9.msdn.com/Feeds/RSS" },
    ]);
于 2014-02-28T02:22:18.007 回答