0

我正在关注用于 Windows 8 应用程序开发的 Microsoft 教程“快速入门：添加 ListView”（由于防止垃圾邮件而无法发布链接），并且我试图以 ListView 格式简单地显示我的数组中的原始数据。我稍微修改了本教程，以便我使用 CSS Grids 来构建页面（我相信微软建议这样做）。我遇到的问题是，当 ListView 位于网格之外时，它会完美地显示和显示，但是当位于 CSS 网格内时，不会显示在我的应用程序中。我对 CSS 网格和新的 Windows 8 平台的知识非常有限，所以我确信这是我犯的一个简单错误。下面是我的 CSS 和 HTML 代码，所有的 Javascript 都应该与微软教程中使用的相同......

http://pastebin.com/cgV5PHnf - HTML

http://pastebin.com/HvVPuhkG - CSS

4

1 回答 1

0

使用您的 HTML 和 CSS，逐字逐句地显示数据对我来说很好。这是我的 tempData.js：

(function () {
    "use strict";

    var items = new WinJS.Binding.List();
    items.push({ value1: "foo", value2: "bar" });
    items.push({ value1: "foo2", value2: "bar2" });

    WinJS.Namespace.define("TempData", {
        itemList: items.dataSource
    });
})();

请注意，我包含dataSource在 的定义中itemList，因为您data-win-options没有包含它（快速入门将其拉入属性）。如果没有它，虽然你会得到一个非常明显的异常，所以怀疑你在TempData定义中做了同样的事情。

您可以尝试的一件事是Visual Studio 中的DOM Explorer，或者在 Blend 中打开应用程序并使用交互模式查看是否存在某种意外的 CSS 类覆盖。

于 2013-01-05T17:16:08.163 回答