javascript - kendo ui HierarchicalDataSource中如何进行深度过滤？

Question

我有简单的 TreeView ，其中包含 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>