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

Question

我正在使用不同高度的项目显示ListView控件。项目的高度取决于标题文本元素。我读到了GridLayout's groupInfo property，它在确定项目大小方面起到了很大的作用。我将单元格的高度设置得相当小，以便我的项目可以适合最近的单元格范围。

长话短说，我需要添加总是在列表末尾有一个特定的项目。我这样做是通过手动弹出项目，插入新数据，将项目添加到列表的后面。这有效。我的渲染功能可识别该项目并正确呈现项目本身（它与其余项目具有不同的css类），但它总是在下一列中添加这些灰色框。这些框的大小对应于groupInfo cellwidth / cellheight的大小。

为什么要出现？

Answer 1

就像我打字一样，我找到了摆脱这些的方法。仍然不明白为什么他们会出现。我查看了我用于最后附加项目的css。我正在设置填充物。当我移除填充时，灰色框不再显示。

我改变了渲染的html：

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

为：

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

现在一切都很好看。不完全是ListView的答案会做到这一点，但肯定是一个坚实的解决方法。