KendoTreeView Checkbox Очистить все

Question

Я использую KendoTreeView для иерархических данных. Также мне нужно предоставить функцию ClearAll, где все остальные поля в форме, включая выбор, сделанный в KendoTreeView, должны быть очищены. Так что я написал что-то вроде этого:

public ClearAll(): void { 
     $('#myTreeView').find('input:checkbox').each(function (index,element) { 
      $(element).prop('checked', false); 
     }); 
      } 

Хотя это очищает все выбранные флажки из TreeView, однако после того, как это, если я проверить родительский узел снова - ребенок флажков не провериться.

Также это поведение (дочерние узлы не проверяются) происходит только в первый раз, поэтому, если я сниму и снова проверит родительский узел - будут проверены дочерние узлы.

Я моделируется пример выборки для этого выпуска:

http://dojo.telerik.com/@rahul_ec27/ALihu

Answer 1

Настройка DataSource снова сбросить проверки,

 function ClearAll(){ 

     $("#treeview").data("kendoTreeView").setDataSource([ 
       { 
        id: 2, text: "Kendo UI Project", expanded: true, spriteCssClass: "folder", items: [ 
         { id: 3, text: "about.html", spriteCssClass: "html" }, 
         { id: 4, text: "index.html", spriteCssClass: "html" }, 
         { id: 5, text: "logo.png", spriteCssClass: "image" } 
        ] 
       }, 
       { 
        id: 6, text: "New Web Site", expanded: true, spriteCssClass: "folder", items: [ 
         { id: 7, text: "mockup.jpg", spriteCssClass: "image" }, 
         { id: 8, text: "Research.pdf", spriteCssClass: "pdf" }, 
        ] 
       }, 
       { 
        id: 9, text: "Reports", expanded: true, spriteCssClass: "folder", items: [ 
         { id: 10, text: "February.pdf", spriteCssClass: "pdf" }, 
         { id: 11, text: "March.pdf", spriteCssClass: "pdf" }, 
         { id: 12, text: "April.pdf", spriteCssClass: "pdf" } 
        ] 
       } 
      ]); 
    } 

Answer 2

HTML-

<button id="btnclear" class="k-button" onclick="ClearAll();">Clear All</button> 

JavaScript

<script> 
function ClearAll() 
{ 
    $(".k-treeview .k-checkbox input").prop("checked", false).trigger("change"); 
} 
</script>