You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AG-Grid组合筛选可行性咨询:含多条件组合示例

AG-Grid 复杂组合筛选支持情况及实现方法

AG-Grid完全支持包含AND/OR逻辑嵌套的组合筛选,你提到的示例:

Country = United States AND Year > 2005 OR Country = Australia AND Year < 2004
(翻译:国家 = 美国 且 年份 > 2005 或 国家 = 澳大利亚 且 年份 < 2004)

以下是几种实现方法:

  • 使用内置高级筛选面板
    AG-Grid原生提供的高级筛选面板支持可视化构建嵌套逻辑的筛选条件,还能通过括号明确逻辑优先级,避免运算歧义。只需确保grid配置中开启enableFilter: true,点击列头筛选菜单选择「Advanced Filter」即可操作。

  • 通过API手动构建筛选模型
    如果需要代码控制或动态生成筛选条件,可以直接构建Filter Model并传给grid。针对你的示例,对应的代码示例如下:

    const filterModel = {
      operator: 'OR',
      conditions: [
        {
          operator: 'AND',
          conditions: [
            { field: 'Country', filterType: 'text', filter: 'United States', type: 'equals' },
            { field: 'Year', filterType: 'number', filter: 2005, type: 'greaterThan' }
          ]
        },
        {
          operator: 'AND',
          conditions: [
            { field: 'Country', filterType: 'text', filter: 'Australia', type: 'equals' },
            { field: 'Year', filterType: 'number', filter: 2004, type: 'lessThan' }
          ]
        }
      ]
    };
    // 应用筛选模型
    gridApi.setFilterModel(filterModel);
    
  • 自定义筛选组件(可选)
    若内置面板无法适配UI需求,可通过AG-Grid的自定义筛选接口开发定制化面板,核心是在组件中构建符合格式的Filter Model并传递给grid,实现完全自定义的组合筛选交互。

内容的提问来源于stack exchange,提问作者user22255009

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.15 15:22:45