Ag-Grid 在與下拉菜單交互期間保持自定義過濾器打開

Question

我有一個自定義過濾器組件，我為每列提供 Ag 網格。 該組件包含一個下拉列表。 當用戶從下拉列表中選擇一個選項時，過濾器會在選擇時立即關閉，而不是像它應該的那樣保持打開狀態。

如何在從下拉列表中選擇選項時保持過濾器組件保持打開狀態？

Answer 1

更多地閱讀文檔，我在這里找到了答案： https : //www.ag-grid.com/javascript-data-grid/component-filter/#custom-filters- contains-a-popup-element

包含彈出元素的自定義過濾器 有時您需要為同樣包含彈出元素的過濾器創建自定義組件。 這是日期過濾器的情況，因為它會彈出一個日期選擇器。 如果您使用的庫將彈出元素錨定在父過濾器之外，那么當您單擊它時，網格會認為您在過濾器外部單擊並因此關閉列菜單。

有兩種方法可以解決此問題：

• 將鼠標單擊偵聽器添加到您的浮動元素並將其設置為 preventDefault()。 這樣，點擊事件就不會冒泡到網格上。 這是最好的解決方案，但只有在您自己編寫組件時才能這樣做。

• 將 ag-custom-component-popup CSS 類添加到您的浮動元素。 可以在此處找到此用法的示例：自定義日期組件