Windows 8 ListView控件在放置在CSS网格中时不显示

Question

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

超文本标记语言http://pastebin.com/cgV5PHnf

http://pastebin.com/HvVPuhkG - CSS

Answer 1

有了你的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没有包含它( Quickstart将其放入属性中)。如果没有它，你会得到一个非常明显的异常，所以怀疑你在你的TempData定义中做了同样的事情。

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