如何使聚合物鐵譜不斷擴大，而不是虛張聲勢

Question

我以鐵皮表的可折疊項目為例。 但是，鐵菜單上的內容比鐵列表中的內容還多。

問題在於，隨着用戶擴展鐵清單內容，鐵清單的高度不會動態增加。 取而代之的是，鐵名單變得可伸縮，很難看到所有內容。

我希望鐵表的高度增加，並按下下面的內容（鐵菜單）。 有沒有辦法做到這一點？ 非常感謝。

我還嘗試設置了scroll-target ，但是它沒有將內容壓低。 它會將鐵列表內容與下面的內容重疊，這不是我想要的。

<iron-list scroll-target="document" ... >

Answer 1

鐵清單的大小必須明確設置，如鐵清單項目自述文件“調整鐵清單的大小”中所述。

因此，您可以根據其他條件使用javascript更改高度。

東西放在“自下而上”的鐵列表的另一種方法是計算你是否在最后一個列表項，並在自定義添加一行（即分頁），如在這里

但是，如果您沒有龐大的數據集，則可以使用dom-repeat，它將節點添加到DOM，因此可以擴展列表。

Answer 2

我終於找到了解決方案。 從示例中可以看到，函數getClassForItem()將div類更改為控制顯示/隱藏。 因此，我們可以一起觸發調整大小事件。

    getClassForItem: function(item, selected) {
      this.querySelector('iron-list').fire('iron-resize'); // added line
      return selected ? 'item expanded' : 'item';
    }