Question

我知道，为了生成新的ag-Grid，我们可以执行以下操作：

    new agGrid.Grid(gridDiv, gridOptions);

gridDiv是ag-grid和gridOptions（网格的选项）的“容器div”。

假设我有其“容器div” ID，是否可以获取网格实例？我基本上想访问其gridOptions / gridOptions.api

Answer 1

此答案假设您有权访问代码。

如果您控制gridOptions，则可以访问API。初始化网格后，这意味着执行该行之后

new agGrid.Grid(eGridDiv, gridOptions);

它将gridApi和columnApi传递到您的gridOptions。您可以随意操作表。这是一个小例子

// at this point you don't have accesss to the API yet
var gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
};

var eGridDiv = document.querySelector('#myGrid');

// initialize ag-grid
new agGrid.Grid(eGridDiv, gridOptions);

// grid APIs are ready, we can print current column state for example
console.log(gridOptions.columnApi.getColumnState());

setTimeout(() => {
  var sort = [
    { colId: 'price', sort: 'desc' },
  ];
  gridOptions.api.setSortModel(sort);
}, 2000)

观看现场演示here

参考

https://www.ag-grid.com/javascript-grid

通过容器div ID获取农业网格实例

1 个答案:

参考