如何将自动完成功能应用于 ag-grid 的单元格？

Posted 2023-03-28

【中文标题】如何将自动完成功能应用于 ag-grid 的单元格？

【英文标题】：How to apply auto-complete functionality to the cell of ag-grid?

【发布时间】：2021-03-14 03:08:19

【问题描述】：

自动补全功能需要建议函数名称为 json 格式，如下所述：

 "id": 260,
 "title": "p_active(Power: number, PowerAngle: number)",
 "type": "PR",
 "category": "AL",
 "structure": "p_active(Power: number, PowerAngle: number)"

这里p_active是一个函数名，需要包含在建议中。

【参考方案1】：

我认为 ag-grid 不支持开箱即用的自动完成功能，据说我可以想到 2 种可能的解决方案：

创建一个自定义的 Cell Renderer 组件。这允许您使用任何您想要的组件自定义您的单元格，在这种情况下，您可以做的是在那里输入自动完成。有关此的更多信息： https://www.ag-grid.com/javascript-grid-cell-rendering-components/

使用现成的解决方案/包 - 这是我找到的一个包： https://www.npmjs.com/package/ag-grid-autocomplete-editor

这是一个实现自动完成的堆栈闪电战： https://stackblitz.com/edit/ag-grid-autocomplete-editor