Ag-grid masterDetail模式下如何获取parent

最新推荐文章于 2025-06-03 18:54:56 发布

原创最新推荐文章于 2025-06-03 18:54:56 发布

· 411 阅读

0 ·

版权

文章标签：

#javascript

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文档介绍了在使用Ag-Grid处理详细数据时如何获取父级数据的问题。作者分享了一种通过将parent存储在context中的方法，以避免通过rowId获取parent时出现的错误。该错误可能导致数据修改指向错误的parent。文中还提到了最初尝试通过rowId在getDetailRowData中存储parent，但因新数据获取导致的rowId更新问题而放弃。最后，作者认为当前方案更为简洁有效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取方法

操作detail数据时常常有需要用到parent的场景，Ag-grid文档中没有找到api能获取parent，解决方案如下：

	  const detailCellRendererParams = (parentGrid) => {
	      return {
	        detailGridOptions: {
	          context: { parentGrid },
	        }
      };

将parent存在context中，parent的api node 还有data都能获取到了

走过的弯路

开始我并不是这种方式实现的，而是把parent的rowId放在了getDetailRowData中，获取parent的时候用api通过rowId来获取。
然而这种方式有个致命bug，因为getDetailRowData发生在获取新数据的时候，导致rowId永远指向的都是最新展开的detail的parent。这样修改的detail数据，就修改到了其它的parent中。
当然也可以通过其他方式解决，把rowId存一下，我没有继续这种方式，觉得复杂了些，没有上述方案简便。