Excel就像复制粘贴功能一样,使用react和grid库将数据添加到网格中

问题描述 投票:1回答:1

我正在使用前端的反应,后端的Java和Postgres数据库创建一种excel在线应用程序。我正在使用一个名为ag-grid(社区版)的库。

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

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

具体需要是,我需要复制和粘贴功能,我需要粘贴数据,即从其他excel复制到我的应用程序。我应该能够创建空白行,我应该能够将数据粘贴到这些行中,如果空白行少,那么一旦数据(比如多行数据),行应该自动添加(如excel中)粘贴到一行或多行。当我选择保存我的应用程序时,网格数据应保存到DB。

  1. 是否可以使用ag-grid社区创建此功能?
  2. 是否有其他图书馆推荐用于此目的?

如果有任何资源或文档可用于此功能,请指出我。

reactjs grid ag-grid react-data-grid
1个回答
0
投票

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或rowValueChenged事件:

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

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

  • newCalue
  • 属性oldValue
  • colDef

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

© www.soinside.com 2019 - 2024. All rights reserved.