Question

我需要在表格的网格单元中实现自动完成功能。 AG是否提供任何选择。我只是看到带有选项的选择。但是我需要编辑单元格，并且在开始键入值时必须根据字符在下方显示。

Answer 1

您可以将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();
};

Answer 2

就像您一样，我找不到此功能。为此，我决定编写一个Angular组件并进行共享。

它具有通过开始键入以及通过鼠标单击所选内容进行过滤的能力。键盘的向上和向下导航键也包括在内。

这是一个简单的组件，如果您不使用Angular，则应按自己的喜好对其进行编辑，或者采用JS或其他框架进行编码和实现，应该非常简单。我遇到了一些不幸的修饰问题（主要在网格的最后一列），希望可以尽快解决，然后再更新存储库。

https://github.com/superman-lopez/ag-grid-auto-complete

编辑：

自从我的原始帖子以来，一个新项目已经开始，并且不仅限于Angular项目：

https://github.com/avallete/ag-grid-autocomplete-editor

Ag Grid在编辑单元格中自动完成

2 个答案: