javascript - win-listview 高度如何设置？-WinJS

Question

这把我逼疯了。我不知道如何使列表视图的高度自动。

即让列表视图的高度扩展以占据它需要的所有空间，并让外部容器提供溢出-y 滚动功能。

不幸的是，我似乎找不到任何关于此的文档。

帮助会很棒。谢谢！

Answer 1

ListView 控件默认为 400px 高。这是 ui-light.css 文件的第 1421 行。您可以通过在页面上添加规则来覆盖它，例如：

.win-listview { 高度：100%; /*（或者你可以用'600px'之类的东西绝对指定）*/}

在开发中心的这个页面上，它说......

设置 ListView 控件的高度

ListView 不会动态调整其高度以适应您的内容。对于要呈现的 ListView，您必须为其高度指定一个绝对值。JavaScript 样式表的 Windows 库将 ListView 控件的高度设置为 400 像素。

从设计的角度来看，您可能不应该在 ListView 上进行垂直滚动。它们被设计成水平布局（就像一般的应用程序一样）。结合水平和垂直滚动可能会带来尴尬的用户体验。我写了一些关于这个的文章。