Question

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

http://pastebin.com/cgV5PHnf - HTML

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类重写。

放置在CSS网格内时，Windows 8 ListView Control不会显示

1 个答案: