windows-8 - WinJS ListView 灵活的项目高度通过 GroupInfo 附加灰色框

Question

我正在显示一个 ListView 控件，其中包含不同高度的项目。项目的高度因标题文本元素而异。我读到了GridLayout 的 groupInfo 属性，它在调整项目大小方面就像一个魅力。我将单元格的高度设置得相当小，以便我的项目可以适合最近的单元格跨度。

长话短说，我需要在列表末尾添加始终有一个特定项目。我通过手动弹出项目、插入新数据、将项目添加到列表的后面来做到这一点。这行得通。我的渲染函数可以识别项目并正确渲染项目本身（它具有与其余项目不同的 css 类），但它总是在下一列中添加这些灰色框。这些框的大小对应于 groupInfo 单元格宽度/单元格高度的大小。

为什么会出现这种情况？

Answer 1

所以就在我输入这个的时候，我想出了一个摆脱这些的方法。还是不明白他们为什么会出现。我查看了用于最后附加的项目的 css。我在上面设置了一个填充。当我删除填充时，灰色框不再出现。

我将渲染的 html 更改为：

<div class='item extraclasswithpadding'>
   Content
</div>

至：

<div class='item'>
   <div class='extraclasswithpadding'>
      Content
   </div>
</div>

现在一切看起来都很好。不完全是 ListView 的答案会这样做，但肯定是一个可靠的解决方法。