单元格属性面板自定义数据过滤的设置和回显

1. 
   
2. <div>const inputData = [
   
3.     { "leftParen": "", "column": "BID", "operator": "Equal", "type": "string", "value": "qq", "rightParen": "", "formula": "" },
   
4.     { "relation": "and", "leftParen": "", "column": "BID", "operator": "Equal", "type": "boolean", "value": true, "rightParen": "", "formula": "" },
   
5.     { "relation": "and", "leftParen": "", "column": "BID", "operator": "Equal", "type": "number", "value": 10, "rightParen": "", "formula": "" },
   
6.     { "relation": "or", "leftParen": "", "column": "BID", "operator": "Equal", "type": "公式", "value": "12", "rightParen": "", "formula": "aa" },
   
7.     { "relation": "and", "leftParen": "", "column": "BID", "operator": "Equal", "type": "number", "value": 110, "rightParen": "", "formula": "" }
   
8. ];</div>

复制代码

我要自定义属性面板，数据过滤有没有api，我传入特定值后生成官方的数据格式进行设置和回显。上面的是自定义过滤弹窗组件得到的值，要转换成什么样的数据啊？

报表中设置的过滤规则作用于模板单元格，可通过TemplateSheet:setTemplateCell()接口设置，可参考API文档：https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Report.TemplateSheet#settemplatecell。
将自定义的过滤规则数据结构转换为TemplateCell对象中的filter属性值，包括过滤规则相关的列、多个子规则之间的逻辑关系、操作符等属性与官方API定义的属性对应起来即可生效。关于filter属性值IFilter的数据结构可参考官方文档：
https://demo.grapecity.com.cn/spreadjs/help/api/interfaces/GC.Spread.Report.IFilter。
也可以在在线表格编辑器中设置一个报表模板，设置过滤规则，获取报表单元格了解其中的filter属性值数据结构。获取报表模板单元格的接口是TemplateSheet:getTemplateCell，可参考API文档：https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Report.TemplateSheet#gettemplatecell。
官方文档也提供了报表数据过滤的demo，可参考：https://demo.grapecity.com.cn/spreadjs/help/docs/features/reportsheet/template-sheet-setting/filter-condition。

eat_grape_5 发表于 2024-7-4 11:56
报表中设置的过滤规则作用于模板单元格，可通过TemplateSheet:setTemplateCell()接口设置，可参考API文档： ...

就是我需要将组件的值手动转化成setTemplateCell.filter的condition ：
    {
      "and": [
        {
          "or": [
            {
              "and": [
                {
                  "value": "qq",
                  "column": "BID",
                  "operator": "Equal"
                },
                {
                  "value": true,
                  "column": "BID",
                  "operator": "Equal"
                },
                {
                  "value": 10,
                  "column": "BID",
                  "operator": "Equal"
                }
              ]
            },
            {
              "formula": "aa"
            }]
        },
        {
          "value": 110,
          "column": "BID",
          "operator": "Equal"
        }
      ],
    }
   这种格式吗

end.. 发表于 2024-7-4 15:07
就是我需要将组件的值手动转化成setTemplateCell.filter的condition ：
    {
      "and": [

对的！就是遵照官方定义的接口参数回填参数属性，这样的话接口在收到参数后便能识别其中的属性，继续根据定义好的执行逻辑执行。

eat_grape_5 发表于 2024-7-4 11:56
报表中设置的过滤规则作用于模板单元格，可通过TemplateSheet:setTemplateCell()接口设置，可参考API文档： ...

eat_grape_5 发表于 2024-7-4 15:41
对的！就是遵照官方定义的接口参数回填参数属性，这样的话接口在收到参数后便能识别其中的属性，继续根据 ...

这个转换方法要怎么写啊？这个还有左右括号，要按照括号的优先顺序计算,实在写不出来

您好，这一块的逻辑涉及SpreadJS的底层了，具体的算法这边也不清楚，无法给您提供支持。

Joestar.Xu 发表于 2024-7-5 17:54
您好，这一块的逻辑涉及SpreadJS的底层了，具体的算法这边也不清楚，无法给您提供支持。

那可以帮忙提供一个demon演示下怎么用吗，这个IfilterApi怎么传递多个规则，  const inputData = [
    {
        "leftParen": "(((",
        "column": "BID",
        "operator": "Equal",
        "type": "string",
        "value": "qq",
        "rightParen": "",
        "formula": ""
    },
    {
        "relation": "and",
        "leftParen": "",
        "column": "BID",
        "operator": "Equal",
        "type": "boolean",
        "value": true,
        "rightParen": ")",
        "formula": ""
    },
    {
        "relation": "and",
        "leftParen": "",
        "column": "BID",
        "operator": "Equal",
        "type": "number",
        "value": 10,
        "rightParen": "))",
        "formula": ""
    },
    {
        "relation": "or",
        "leftParen": "",
        "column": "",
        "operator": "",
        "type": "公式",
        "value": "",
        "rightParen": "",
        "formula": "aa"
    }
];
这个我的组件获取到的数据，要怎么样转成设置过滤所需的数据啊？

您好，使用代码设置过滤可以参考该链接中的代码：https://demo.grapecity.com.cn/sp ... /data-filter/purejs

end.. 发表于 2024-7-5 17:07
这个转换方法要怎么写啊？这个还有左右括号，要按照括号的优先顺序计算,实在写不出来

观察了下原生面板设置复杂过滤规则后产生的规则数据格式，发现：复杂过滤规则由多个过滤条件和逻辑关系运算符组合而成，所以想到思路如下：
自定义生成规则时便要考虑括号、逻辑关系运算符的优先级，设置三个栈分别存储已形成的过滤条件、括号、逻辑关系运算符，借用栈先进后出、后进先出的存取规则实现。
自定义面板实现过滤条件是比较复杂的，不过分析出来它的组成形式后就有方向了，楼主加油！