Search Box与CRUD搭配使用时，如何实现前端搜索多个字段值

[LoadingZhang]

Search Box与CRUD搭配使用时，如何实现前端搜索多个字段值

[CheshireJCat]

配置 loadDataOnceFetchOnFilter 为 false 则为前端过滤，然后给需要搜索的字段配置searchable即可联合查询
效果如下

{
  "type": "page",
  "body": {
    "type": "crud",
    "syncLocation": false,
    "api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/sample",
    "loadDataOnce": true,
    "loadDataOnceFetchOnFilter": false,
    "autoGenerateFilter": true,
    "columns": [
      {
        "name": "id",
        "label": "ID"
      },
      {
        "name": "engine",
        "label": "Rendering engine"
      },
      {
        "name": "browser",
        "label": "Browser"
      },
      {
        "name": "platform",
        "label": "Platform(s)"
      },
      {
        "name": "version",
        "label": "Engine version",
        "searchable": {
          "type": "select",
          "name": "version",
          "label": "Engine version",
          "clearable": true,
          "multiple": true,
          "searchable": true,
          "checkAll": true,
          "options": [
            "1.7",
            "3.3",
            "5.6"
          ],
          "maxTagCount": 10,
          "extractValue": true,
          "joinValues": false,
          "delimiter": ",",
          "defaultCheckAll": false,
          "checkAllLabel": "全选"
        }
      },
      {
        "name": "grade",
        "label": "CSS grade",
        "searchable": {
          "type": "select",
          "name": "grade",
          "label": "CSS grade",
          "clearable": true,
          "multiple": true,
          "searchable": true,
          "checkAll": true,
          "options": [
            "A",
            "C",
            "X"
          ],
          "maxTagCount": 10,
          "extractValue": true,
          "joinValues": false,
          "delimiter": ",",
          "defaultCheckAll": false,
          "checkAllLabel": "全选"
        }
      }
    ]
  }
}