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

Rit*_*ika 3 html javascript ag-grid angular

自动完成功能需要建议 json 格式的函数名称,如下所示:

{
 "id": 260,
 "title": "p_active(Power: number, PowerAngle: number)",
 "type": "PR",
 "category": "AL",
 "structure": "p_active(Power: number, PowerAngle: number)"
}
Run Code Online (Sandbox Code Playgroud)

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

小智 5

我不认为 ag-grid 支持开箱即用的自动完成功能,也就是说我可以想到两种可能的解决方案:

  1. 创建自定义单元格渲染器组件。这允许您使用任何您想要的组件自定义单元格,在这种情况下,您可以做的就是在其中进行自动完成输入。有关此的更多信息: https ://www.ag-grid.com/javascript-grid-cell-rendering-components/

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

这是一个实现自动完成的 stackblitz: https://stackblitz.com/edit/ag-grid-autocomplete-editor