Kendo Grid行模式过滤数组字段触发TypeError报错求解决方案

你遇到的问题根源很明确：Kendo Grid的行过滤默认会对字段值调用toLowerCase()方法来做大小写不敏感的匹配，但你的Organizations字段是数组类型，数组没有这个方法，所以触发了TypeError。下面给你两个可行的解决方案，你可以根据需求选择：

方案一：使用计算字段简化过滤逻辑 #

这个方法最省心，通过在数据源中定义一个计算字符串字段，把数组转成逗号分隔的字符串，让过滤逻辑直接作用在这个字符串上，完全复用Kendo自带的过滤能力：

1. 修改数据源的schema，添加计算字段OrgString：

$("#grid").kendoGrid({
  dataSource: {
    data: data,
    schema: {
      model: {
        fields: {
          Name: { type: "string" },
          Organizations: { type: "array" },
          // 计算字段：把数组转成字符串
          OrgString: {
            type: "string",
            from: function(item) {
              return item.Organizations.join(', ');
            }
          }
        }
      }
    }
  },
  filterable: { mode: "row" },
  sortable: true,
  editable: true,
  // ...列配置
});

2. 在Organizations列的过滤配置中，指定使用OrgString字段进行过滤：

columns: [
  { field: "Name", width: 200 },
  { 
    field: "Organizations", 
    width: 150, 
    template: "#= Organizations.join(', ') #", 
    editor: orgEditor,
    filterable: {
      cell: {
        // 让行过滤使用计算出的字符串字段
        field: "OrgString"
      }
    }
  }
]

这样设置后，行过滤会针对OrgString这个字符串字段工作，完全避免数组类型的问题，而且过滤逻辑和普通字符串列一致，用户输入关键词就能匹配到包含该关键词的组织项。

方案二：自定义过滤逻辑处理数组 #

如果你需要更灵活的过滤规则（比如支持多关键词匹配、精确匹配数组元素），可以自定义列的过滤逻辑：

columns: [
  { field: "Name", width: 200 },
  { 
    field: "Organizations", 
    width: 150, 
    template: "#= Organizations.join(', ') #", 
    editor: orgEditor,
    filterable: {
      cell: {
        // 自定义过滤输入框（这里用普通文本框）
        template: function(args) {
          args.element.kendoTextBox();
        },
        // 自定义过滤处理函数
        filter: function(args) {
          const filterValue = args.value.trim().toLowerCase();
          if (!filterValue) {
            // 输入为空时清除过滤
            args.dataSource.filter([]);
            return;
          }
          // 过滤逻辑：检查数组中是否有元素包含过滤关键词
          args.dataSource.filter({
            field: "Organizations",
            operator: function(itemArray, value) {
              return itemArray.some(org => org.toLowerCase().includes(value));
            },
            value: filterValue
          });
        }
      }
    }
  }
]

这个方案的好处是可以完全控制过滤规则，比如你可以修改operator里的逻辑，改成精确匹配数组元素，或者支持多关键词用逗号分隔后分别匹配。

额外提示 #

注意你示例数据里的一个小问题：第一个数据项的Organizations写的是["org1, org4"]，这会导致数组里只有一个元素（字符串"org1, org4"），而不是两个独立的组织。正确的写法应该是["org1", "org4"]，这样才能正常处理每个组织项。

内容的提问来源于stack exchange，提问作者lg0173