AGGrid刷新数据后执行筛选

感谢一路走过的人2026-08-25 18:12

var savedFilterModel=null;

$.ajax({

url:'',

data:null,

type:'post',

success:function(d){

var gridDom = $('#gridtable');

// ==========第一步：刷新数据之前，先保存当前筛选条件==========

// 获取ag‑grid api

var gridApi = gridDom $0$ .GridOptions.api;//.getFilterModel()

if (gridApi) {

savedFilterModel = gridApi.getFilterModel(); // 把所有列floatingFilter筛选全部保存

}

// 绑定事件：数据刷新完成后触发 rowDataUpdated

gridDom.on('agGridRowDataUpdated', function () {

var api = gridDom $0$ .GridOptions.api;

if (api && savedFilterModel) {

// 恢复筛选条件，floatingFilter表头输入框自动回填

api.setFilterModel(savedFilterModel);

api.onFilterChanged(); // 强制执行一次过滤渲染，解决部分版本不触发问题

}

});

$('#gridtable').AgGridSet('refreshdata', data.data);

//避免agGridRowDataUpdated不触发，手动触发

setTimeout(function () {

if (gridApi && savedFilterModel) {

// 恢复筛选模型，floatingFilter输入框自动回填

gridApi.setFilterModel(savedFilterModel);

gridApi.onFilterChanged(); // 强制执行过滤

}

}, 250);

}});