AGGrid刷新数据后执行筛选

var savedFilterModel=null;

$.ajax({

url:'',

data:null,

type:'post',

success:function(d){

var gridDom = $('#gridtable');

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

// 获取ag‑grid api

var gridApi = gridDom0.GridOptions.api;//.getFilterModel()

if (gridApi) {

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

}

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

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

var api = gridDom0.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);

}});

相关推荐
kyriewen1 小时前
我花3天抓了一个幽灵bug,凶手藏在第4层
前端·javascript·程序员
mONESY2 小时前
LangGraph.js 从零上手:把 Agent 工作流从一条线变成一张网
javascript
默_笙3 小时前
⚓ AI 的"官方答题卡":withStructuredOutput 与结构化输出的终局之战
前端·javascript
我家猫叫佩奇4 小时前
🦭 厌倦了千篇一律的线性图标?Naive Icons 正式开源
前端·javascript·css
梦诺6 小时前
vue3 keepAlive+记录滚动条
前端·javascript·vue.js
天若有情6737 小时前
开源轻量双语工具|一键批量查询 NPM 包历史下载量,支持按作者批量统计
javascript·npm·github pages·开源工具·netlify·前端开源·npm克隆量
福兮说9 小时前
纯前端把图片压缩到指定体积:canvas.toBlob 配合二分查找
前端·javascript·canvas·图片处理
志尊宝9 小时前
Vue3 零基础每日笔记(018):按键与鼠标修饰符——回车搜索、Ctrl+S 保存这样写
javascript·vue.js·笔记
可乐鸡翅yeah_10 小时前
HLS流媒体首屏起播慢深度优化,从分片、索引、播放器全链路调优
开发语言·javascript·ecmascript·m3u8·m3u8在线
开开心心就好10 小时前
低年级识字练笔顺工具,电脑和安卓端都能用
前端·javascript·网络·安全·scala·erlang·语音识别