如何在Kendo ui网格中使用分组值创建自定义下拉过滤器

Question

我有一列像val1,val2,val3...val10值，每个值都属于一个类别/组说

{
  "group1": [
    "val1",
    "val6",
    "val9"
  ],
  "group2": [
    "val3",
    "val5",
    "val8"
  ]
}

并且我需要创建一个Kendo网格下拉过滤器，该下拉菜单将包含组名，并且在选择时将使用该组具有的值进行过滤。 我做了一些研究，发现了这个线程，但是我想按类别过滤。

Answer 1

很难像您在一个网格列中显示的那样显示数据。 可能您还是会对其进行转换。 因此，创建数组如下：

var data = [
{
    value: "val1",
    group: "group1"
},{
    value: "val6",
    group: "group1"
},{
    value: "val9",
    group: "group1"
},{
    value: "val3",
    group: "group2"
},{
    value: "val5",
    group: "group2"
},{
    value: "val9",
    group: "group2"
}];

然后像这样定义列：

{
    title: "Value",
    template: "#=value#",
    field: "group"
}

现在，您将在此列中显示值并已将组分配为字段，以便组将成为属性，您将对其进行过滤。 现在，您只需要使用下拉菜单实现自定义过滤器。 您在剑道网站上有示例： http : //demos.telerik.com/kendo-ui/grid/filter-menu-customization

检查城市列过滤器。