켄드워 (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>