Ag grid 编辑单元中的Ag网格自动完成

Ag grid 编辑单元中的Ag网格自动完成,ag-grid,Ag Grid,我需要在表上的ag网格单元中实现自动完成功能。Is ag为此提供了任何选项。我只是看到选择与选项。但是我需要编辑单元格,并且在开始键入时,必须根据字符在下面显示值。与您一样,我找不到此功能。我决定为此写一个角度组件并与大家分享 它可以通过开始键入以及通过鼠标单击所选内容进行过滤。还包括键盘上下箭头导航 它是一个简单的组件,可以根据您的喜好直接进行编辑,如果您不使用Angular,也可以使用JS或其他框架实现代码。我有一些令人遗憾的外观问题(主要是在网格的最后一列),我希望能够很快解决这些问题,然

我需要在表上的ag网格单元中实现自动完成功能。Is ag为此提供了任何选项。我只是看到选择与选项。但是我需要编辑单元格,并且在开始键入时,必须根据字符在下面显示值。

与您一样,我找不到此功能。我决定为此写一个角度组件并与大家分享

它可以通过开始键入以及通过鼠标单击所选内容进行过滤。还包括键盘上下箭头导航

它是一个简单的组件,可以根据您的喜好直接进行编辑,如果您不使用Angular,也可以使用JS或其他框架实现代码。我有一些令人遗憾的外观问题(主要是在网格的最后一列),我希望能够很快解决这些问题,然后更新存储库

编辑:

从我最初的帖子开始,一个新的项目已经开始了,这不仅限于角度项目:


您可以使用jQuery自动完成作为单元格编辑器的一部分。您必须在自定义编辑器的afterGuiAttached函数中执行此操作,以便在创建输入之前它不会运行

// function to act as a class
function YourCustomEditor () {}

// gets called once before the renderer is used
YourCustomEditor.prototype.init = function(params) {
            this.eInput = document.createElement('input');
            this.eInput.setAttribute('class', 'inputClass');
            this.eInput.setAttribute('type', 'text');
        }
};   

YourCustomEditor.prototype.afterGuiAttached = function() {
        $('.inputClass').autocomplete({
            source: function(request, response) {
                // Do your autocomplete filtering here
            },
            datatype: 'json',
            select: function(event, ui) {
                // Do Stuff on select 
            }
        });
  this.eInput.focus();
};

如何设置z索引?不用亲自尝试:我相信您可以在组件文件中更改主机的样式。