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