如何在kendoui HierarchicalDataSource中进行深度过滤？

Question

我有一个简单的树视图与层次数据在3层的深度。

我在加载页面上加载所有数据。我有一个简单的模式

model: {
    hasChildren: function (item) {
        return item.items && item.items.length > 0;
    },
    id: "id",
    children: "items"
}

默认筛选器仅在第一级有效，我如何更改此逻辑？

Answer 1

不知道你的意思是什么，但默认过滤器不只在第一级工作。检查下面的示例，其中我显示了所有以"F“开头的内容。您将看到它显示了第一级中的根和节点。它没有显示的是节点下面的节点，该节点不满足以"F“开头的条件，但这正是我所期望的。

​

var inlineDefault = new kendo.data.HierarchicalDataSource({
  data: [
    {
      text: "Full",
      items: [
        { 
          text: "Furniture", 
          items: [
            { text: "Tables & Chairs" },
            { text: "Sofas" },
            { text: "Occasional Furniture" }
          ]
        },
        { 
          text: "Decor", 
          items: [
            { text: "Bed Linen" },
            { text: "Curtains & Blinds" },
            { text: "Carpets" }
          ]
        }
      ]
    }
  ],
  filter: { field: "text", operator: "startswith", value: "F" }

});

$("#treeview-left").kendoTreeView({
  dataSource: inlineDefault
});

<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.2.1008/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script>

<div id="treeview-left"></div>

​