如何在具有分组值的kendo ui网格中创建自定义下拉过滤器

Question

我的列有val1,val2,val3...val10之类的值 并且每个值属于一个类别/组说

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

我需要创建一个剑道网格下拉过滤器，下拉列表将包含组名称，在选择它时将使用组具有的值进行过滤。 我做了一些研究，发现wasn't the case previously线程，但我想过滤类别。

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

检查城市列过滤器。