Ag-grid過濾器下拉選項

Question

我有一個包含幾列的網格，並且這些列的“車輛”列具有在下拉菜單（html選擇元素）中顯示的選項。 我也有一個輸入類型的文本，用戶可以在其中輸入字符串。

我想根據用戶在輸入字段中插入的字符串來過濾“車輛”列中的所有“下拉列表”選項。

例如：

下拉菜單有4個選項：

• 項目清單
• 自行車1
• 自行車2
• 汽車1
• 2號車

如果用戶在輸入中輸入“ car ”，則下拉列表將僅顯示Car的選項（Car 1，Car 2）。

我不想影響行。 在Vechicle列中，只有所有下拉列表中的下拉選項。

由於限制，我無法提供代碼。

如何使用原始JavaScript實現此目標？

提前致謝。

Answer 1

我知道沒有代碼的問題有點抽象，因為我需要指導而不是直接的答案。

就像我在問題中提到的那樣，我有一個用於過濾選項的輸入字段。 如果用戶按下“ Enter”，則會進行Ajax調用以從數據庫中獲取過濾結果。 數據庫返回一個包含json對象的字符串。

var httpRequest = new XMLHttpRequest();
var jsonData = null;
    httpRequest.onload = function() {
        if (httpRequest.readyState === 4) {
            if (httpRequest.status === 200) {
                jsonData = json.parse(httpRequest.responseText);
            } else {
                jsonData = httpRequest.statusText;
            }
        }
    };

此后，我使用columnApi.getColumn（“ vehicles”）來獲取要影響的列。

var col = gridOptions.columnApi.getColumn("vehicles");

通過上面的代碼，我現在可以使用cellEditorParams更改其值：

col.colDef.cellEditorParams.values  = jsonData;

希望這對將來的某人有用。