在Ag Grid中,如果你想要在列筛选时刷新数据,你可以使用refreshRows()
方法来重新加载数据。以下是一个包含代码示例的解决方法:
onFilterChanged
事件处理程序。这将在列筛选更改时触发。// 定义Ag Grid实例
const gridOptions = {
// ...其他配置项
onFilterChanged: handleFilterChanged
};
handleFilterChanged
函数中,使用refreshRows()
方法重新加载数据。function handleFilterChanged() {
// 获取当前的数据模型
const model = gridOptions.api.getModel();
// 使用refreshRows()方法重新加载数据
gridOptions.api.refreshRows({force: true, suppressFlash: false});
// 重新设置数据模型
gridOptions.api.setModel(model);
}
在这个示例中,我们首先获取了当前的数据模型,然后调用refreshRows()
方法重新加载数据。最后,我们将重新加载的数据模型设置回Ag Grid实例。
请注意,我们在调用refreshRows()
方法时传递了一个选项对象{force: true, suppressFlash: false}
。force: true
表示强制重新加载所有行,而suppressFlash: false
表示在重新加载行时不禁用闪烁效果。
这样,当你进行列筛选时,数据将被重新加载并刷新到Ag Grid中。