如何通过查询选择器获取已实例化的ag-grid对象引用?
如何通过DOM元素获取AG Grid实例引用?
可以直接通过DOM元素的agGrid属性获取AG Grid实例,这是AG Grid在实例化时自动挂载到容器元素上的引用。
实现代码示例
修改你的Script 2如下:
// Script 2 var gridElement = document.getElementById("myAgGrid"); var theAgGrid = gridElement.agGrid; // 获取AG Grid实例 // 调用API操作表格 var data = theAgGrid.api.getDataAsCsv();
补充说明
- AG Grid实例本身直接暴露了
api和columnApi属性,无需通过gridOptions间接访问,代码更简洁。 - 如果你担心全局属性冲突,也可以在实例化时主动把实例存入全局作用域或可访问的变量中:
后续在任意脚本中直接使用// Script 1 window.myAgGridInstance = new agGrid.Grid(document.getElementById("myAgGrid"), gridOptions);window.myAgGridInstance即可操作表格。
内容的提问来源于stack exchange,提问作者ryan
相关产品推荐
相关产品推荐

