类似于 Excel 的复制粘贴功能，用于使用 react 和网格库将数据添加到网格中

Question

我正在创建一种 excel online 应用程序，在前端使用 react，在后端使用 Java 和 Postgres数据库。我正在使用一个名为 ag-grid（社区版）的库。

现在我需要的功能之一是将数据复制并粘贴到行中 就像我们在 excel 中所做的那样。

网格将与 Postgres 链接，数据库中表中的所有数据都显示到网格中，对网格所做的任何更改都将反映到数据库中，反之亦然。

具体需求是，我需要复制和粘贴功能，我需要粘贴数据，即从其他 excel 复制到我的应用程序中。我应该能够创建空白行，并且我应该能够将数据粘贴到这些行中，如果空白行较少，那么一旦数据（例如多行数据），它的行应该自动添加（如在 excel 中）粘贴到一个或多个行中。当我选择保存我的应用程序时，网格的数据应该保存到数据库中。

1. 是否可以使用 ag-grid 社区创建此功能？
2. 是否有为此目的推荐的其他库？

如果有任何可用于此功能的资源或文档 那么请指点我。

Answer 1

以防万一有人偶然发现这个问题，我从其他网站找到了解决方案。它使用 Ag Grid 的 processDataFromClipboard 事件来定制解决方案。

https://plnkr.co/edit/lM3OtCQxpJdapHQt?preview

Answer 2

ag-grid 社区版不支持服务器端模型的 CRUD 操作 - 企业版支持：

https://www.ag-grid.com/javascript-grid-server-side-model-crud/

如果您坚持使用 ag-grid 社区，您将需要自己处理编辑/网格更改，这应该不会太难。一个好的起点是单元格编辑页面：

https://www.ag-grid.com/javascript-grid-cell-editing/

特别是，您需要监听 cellValueChanged 或 rowValueChanged 事件：

https://www.ag-grid.com/javascript-grid-cell-editing/#event-cell-value-changed

事件参数将为您提供以下属性：

• 新计算
• 旧值
• 列
• colDef

您可以使用它来生成更新调用。