【问题标题】:How can i delete empty row in Ag-grid react我如何删除 Ag-grid 中的空行反应
【发布时间】:2020-12-08 16:36:45
【问题描述】:
我在我的项目中使用 ag-grid 企业,我将数据插入到网格中。数据编辑完成后,我按下提交按钮将条目保存在后端。在保存之前,我通过将 gridApi 传递给该方法来执行一些验证,并且 gridApi.foreEachNode 我正在验证数据。我有一个新场景,如果该行的所有单元格都是空的。应该删除该行,以便用户在提交之前不必删除每个空行。如何删除 foreEachNode 中的行节点?
【问题讨论】:
标签:
reactjs
ag-grid
ag-grid-react
【解决方案1】:
我建议在迭代 forEachNode 时为空行构建一个行 ID 数组,然后在完成迭代后,使用数组中的 ID 删除行。
但是,我想推荐一种完全不同的方法...
也就是说,不要将网格视为数据的“真实来源”。
相反,在您的应用程序中保留一个数据模型,并将网格用作一个可视组件(虽然是一个复杂的组件),它表示您模型中的数据。
React 特别适合这个,你可以使用,例如Redux 来表示你的模型并提供对它的操作。
在这种情况下,您将对模型执行这些操作,然后使用模型的新值更新网格。然后您的模型将处于良好状态,可以发送到您的后端。