在AgGrid v28中,gridApi是一个用于与AgGrid的交互式API对象,而gridOptions是网格配置的对象。gridOptions负责定义网格的外观和行为,而gridApi允许您通过编程方式与AgGrid交互。
示例:
下面的示例演示了如何在AgGrid中使用gridApi和gridOptions来访问和操作网格中的数据。
// 定义gridOptions
var gridOptions = {
columnDefs: [
{ headerName: "Make", field: "make" },
{ headerName: "Model", field: "model" },
{ headerName: "Price", field: "price" }
],
rowData: [
{ make: "Toyota", model: "Celica", price: 35000 },
{ make: "Ford", model: "Mondeo", price: 32000 },
{ make: "Porsche", model: "Boxter", price: 72000 }
]
};
// 将gridOptions与DOM元素关联并创建AgGrid对象
var gridDiv = document.querySelector("#myGrid");
new agGrid.Grid(gridDiv, gridOptions);
// 访问和操作网格中的数据
var gridApi = gridOptions.api;
var selectedRows = gridApi.getSelectedRows();
console.log(selectedRows);
gridApi.selectAll();
gridApi.refreshCells();
在上面的代码中,我们首先定义了一个包含列定义和行数据的gridOptions对象。我们将gridOptions对象与DOM元素关联并创建了一个AgGrid对象。然后,我们使用gridApi对象访问和操作网格中的数据。在上面的示例中,我们使用getSelectedRows()
方法获取选择的行数据,并使用selectAll()
和refreshCells()
方法操作网格行的状态。