Ag-grid filter 下拉选项

Question

我有一个包含多个列的网格，列中的 "Vehicle" 列具有下拉菜单中显示的选项（html select 元素）。我还有一个输入类型文本，用户可以在其中输入字符串。

我想根据用户在输入字段中插入的字符串过滤 Vehicle 列中的所有 Dropdowns 选项。

例如：

下拉菜单有 4 个选项：

列表项
自行车 1
自行车 2
1号车
2号车

如果用户在输入框输入“car”，下拉列表应该只显示带有Car的选项（Car 1 , 车 2).

我不想影响行数。只是所有下拉菜单中的下拉选项，在 Vechicle 列中。

由于限制，我无法提供代码。

我如何使用原版 JavaScript 实现此目的？

提前致谢。

Answer 1

我知道我的没有代码的问题有点抽象，因为我想要一些指导而不是直接的答案。

就像我在问题中提到的，我有一个用于过滤选项的输入字段。如果用户按下 "Enter"，则会进行 Ajax 调用以从数据库中获取过滤结果。数据库 returns 包含 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;

希望这对以后的人有用。

Ag-grid filter 下拉选项

Ag-grid filter Dropdown Options

javascript

drop-down-menu

ag-grid