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的答案會做到這一點，但肯定是一個堅實的解決方法。