首先要确保Server-side Row Model模式开启,并且数据从服务器端得到的结构体现了哪些数据需要被过滤。 下面是一个示例,它提供了按“Country”和“Year”过滤数据的方法。
import { GridOptions } from 'ag-grid';
const gridOptions: GridOptions = {
pagination: true,
rowModelType: 'serverSide',
cacheBlockSize: 10,
maxBlocksInCache: 10,
infiniteInitialRowCount: 10,
// 表格中列属性的布局顺序
columnDefs : [
{headerName: 'Country', field: 'country'},
{headerName: 'Year', field: 'year'},
{headerName: 'Gold', field: 'gold'},
{headerName: 'Silver', field: 'silver'},
{headerName: 'Bronze', field: 'bronze'}
],
// 调用服务端的过滤器
serverSideFilteringParams: {
// 过滤器回调函数
debounceMs: 1000, // 延迟1秒执行
suppressAndOrCondition: true // 只使用'AND'条件组合
}
}
当然,如果你的过滤器还是不起作用,可以再看看你的服务端是否设置了正确的过滤策略。