代码之家 › 专栏 › 技术社区 › Aessandro

Ag Grid React默认取消选择过滤器选项

ref ag-grid reactjs javascript

Aessandro · 技术社区 · 1 年前

我正在使用 AG Grid React 以在每列上构建一个过滤器集的网格。在状态栏中,我有以下配置:

  {
    field: 'status',
    headerName: 'Status',
    cellRenderer: StatusCellRenderer,
    flex: 2,
    filter: true,
  },

这允许我根据状态进行筛选。当您打开过滤器面板时,我试图在默认情况下取消选中其中一个状态,此时它们都已选中。

有没有一种api方法可以实现这一点?

到目前为止,这是我的尝试,但与预期结果相去甚远:

 useEffect(() => {
    if (gridRef?.current.api) {
      const run = async () => {
        await gridRef.current.api.setColumnFilterModel('status', {
          type: 'set  ',
          values: ['booked', 'running', 'completed', 'submitted'],
        });
        gridRef.current.api.onFilterChanged();
      };
      run();
    }
  }, [gridRef]);