WinJS ListView通过GroupInfo添加灰色框的灵活物品高度

Question

我正在显示ListView控件和不同高度的物品。项目的高度根据标题文本元素而变化。我读到了关于GridLayout's groupInfo property的一些信息，这些信息在确定项目大小方面起到了很大的作用。我将单元格的高度设置的很小，这样我的物品就可以放入最近的单元格。长话短说，我需要添加总是有一个特定的项目在列表的末尾。我通过手动弹出项目，插入新数据，将项目添加到列表的后面来实现这一点。这工作。我的渲染功能可以识别项目并正确渲染项目（它与其余项目有不同的CSS类别），但它总是在下一列中添加这些灰色框。这些框的大小对应于groupInfo cellwidth/cellheight的大小。

为什么会出现这种情况？

Answer 1

因此，正如我打这个了，我想出了一个办法来摆脱这些。仍然不明白他们为什么会出现。我查看了我在最后追加的项目中使用的CSS。我正在设置填充。当我删除填充，灰色框不再出现。

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

到：

我从改变呈现的HTML

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

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