要解决ag-grid自定义下拉筛选器在调用getGUI后没有刷新筛选器GUI的问题,可以尝试以下解决方法:
示例代码:
// 自定义下拉筛选器类
function CustomDropdownFilter() {}
// 在原型上定义getGui方法
CustomDropdownFilter.prototype.getGui = function () {
var eGui = document.createElement('div');
// 添加筛选器的内容
// ...
return eGui;
};
// 创建筛选器实例
var customFilter = new CustomDropdownFilter();
var columnDefs = [
{
headerName: 'Column',
field: 'column',
filter: 'agTextColumnFilter',
filterParams: { customFilter: customFilter },
},
// ...
];
// 刷新筛选器的GUI
customFilter.refresh();
示例代码:
// 自定义下拉筛选器类
function CustomDropdownFilter() {}
// 在原型上定义getGui方法
CustomDropdownFilter.prototype.getGui = function () {
// 更新筛选器的数据
this.updateData();
var eGui = document.createElement('div');
// 添加筛选器的内容
// ...
return eGui;
};
// 在原型上定义更新数据的方法
CustomDropdownFilter.prototype.updateData = function () {
// 更新筛选器的数据
// ...
};
// 创建筛选器实例
var customFilter = new CustomDropdownFilter();
var columnDefs = [
{
headerName: 'Column',
field: 'column',
filter: 'agTextColumnFilter',
filterParams: { customFilter: customFilter },
},
// ...
];
通过以上方法,可以确保在调用getGUI后刷新筛选器的GUI,从而解决没有刷新筛选器GUI的问题。